#83B7D4 - #DBEAF2 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #83B7D4 to #DBEAF2

#83B7D4 #DBEAF2

Calculate the color between two colors, #83B7D4 and #DBEAF2. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#83B7D4 - #DBEAF2 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #83B7D4 as 0% and #DBEAF2 as 100%.

0.0%	0.0% #83B7D4	RGB 131 183 212	#83B7D4
16.7%	16.7% #91BFD9	RGB 145 191 217	#91BFD9
33.3%	33.3% #A0C8DE	RGB 160 200 222	#A0C8DE
50.0%	50.0% #AFD0E3	RGB 175 208 227	#AFD0E3
66.7%	66.7% #BDD9E8	RGB 189 217 232	#BDD9E8
83.3%	83.3% #CCE1ED	RGB 204 225 237	#CCE1ED
100.0%	100.0% #DBEAF2	RGB 219 234 242	#DBEAF2

#83B7D4 #91BFD9 #A0C8DE #AFD0E3 #BDD9E8 #CCE1ED #DBEAF2

#83B7D4 - #DBEAF2

HSV Blend

#83B7D4 - #DBEAF2 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #83B7D4 as 0% and #DBEAF2 as 100%.

0.0%	0.0% #83B7D4	RGB 131 183 212	#83B7D4
16.7%	16.7% #90BFD9	RGB 144 191 217	#90BFD9
33.3%	33.3% #9EC7DE	RGB 158 199 222	#9EC7DE
50.0%	50.0% #ACCFE3	RGB 172 207 227	#ACCFE3
66.7%	66.7% #BBD8E8	RGB 187 216 232	#BBD8E8
83.3%	83.3% #CBE1ED	RGB 203 225 237	#CBE1ED
100.0%	100.0% #DBEAF2	RGB 219 234 242	#DBEAF2

#83B7D4 #90BFD9 #9EC7DE #ACCFE3 #BBD8E8 #CBE1ED #DBEAF2

#83B7D4 - #ACCFE3 - #DBEAF2

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #83B7D4 0%, #DBEAF2 100%);
    background: -webkit-linear-gradient(top, #83B7D4 0%, #DBEAF2 100%);
    background: linear-gradient(to bottom, #83B7D4 0%, #DBEAF2 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83B7D4 0%, #ACCFE3 50%, #DBEAF2 100%);
    background: -webkit-linear-gradient(top, #83B7D4 0%, #ACCFE3 50%, #DBEAF2 100%);
    background: linear-gradient(to bottom, #83B7D4 0%, #ACCFE3 50%, #DBEAF2 100%);
}
</style>