#7DB2FF - #BDD9EF | 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 #7DB2FF to #BDD9EF

#7DB2FF #BDD9EF

Calculate the color between two colors, #7DB2FF and #BDD9EF. 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)

#7DB2FF - #BDD9EF | 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 #7DB2FF as 0% and #BDD9EF as 100%.

0.0%	0.0% #7DB2FF	RGB 125 178 255	#7DB2FF
16.7%	16.7% #87B8FC	RGB 135 184 252	#87B8FC
33.3%	33.3% #92BFF9	RGB 146 191 249	#92BFF9
50.0%	50.0% #9DC5F7	RGB 157 197 247	#9DC5F7
66.7%	66.7% #A7CCF4	RGB 167 204 244	#A7CCF4
83.3%	83.3% #B2D2F1	RGB 178 210 241	#B2D2F1
100.0%	100.0% #BDD9EF	RGB 189 217 239	#BDD9EF

#7DB2FF #87B8FC #92BFF9 #9DC5F7 #A7CCF4 #B2D2F1 #BDD9EF

#7DB2FF - #BDD9EF

HSV Blend

#7DB2FF - #BDD9EF | 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 #7DB2FF as 0% and #BDD9EF as 100%.

0.0%	0.0% #7DB2FF	RGB 125 178 255	#7DB2FF
16.7%	16.7% #88BAFC	RGB 136 186 252	#88BAFC
33.3%	33.3% #93C2F9	RGB 147 194 249	#93C2F9
50.0%	50.0% #9EC9F7	RGB 158 201 247	#9EC9F7
66.7%	66.7% #A8CFF4	RGB 168 207 244	#A8CFF4
83.3%	83.3% #B3D4F1	RGB 179 212 241	#B3D4F1
100.0%	100.0% #BDD9EF	RGB 189 217 239	#BDD9EF

#7DB2FF #88BAFC #93C2F9 #9EC9F7 #A8CFF4 #B3D4F1 #BDD9EF

#7DB2FF - #9EC9F7 - #BDD9EF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DB2FF 0%, #9EC9F7 50%, #BDD9EF 100%);
    background: -webkit-linear-gradient(top, #7DB2FF 0%, #9EC9F7 50%, #BDD9EF 100%);
    background: linear-gradient(to bottom, #7DB2FF 0%, #9EC9F7 50%, #BDD9EF 100%);
}
</style>