#64B8F7 - #C2DDE6 | 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 #64B8F7 to #C2DDE6

#64B8F7 #C2DDE6

Calculate the color between two colors, #64B8F7 and #C2DDE6. 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)

#64B8F7 - #C2DDE6 | 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 #64B8F7 as 0% and #C2DDE6 as 100%.

0.0%	0.0% #64B8F7	RGB 100 184 247	#64B8F7
16.7%	16.7% #73BEF4	RGB 115 190 244	#73BEF4
33.3%	33.3% #83C4F1	RGB 131 196 241	#83C4F1
50.0%	50.0% #93CAEE	RGB 147 202 238	#93CAEE
66.7%	66.7% #A2D0EB	RGB 162 208 235	#A2D0EB
83.3%	83.3% #B2D6E8	RGB 178 214 232	#B2D6E8
100.0%	100.0% #C2DDE6	RGB 194 221 230	#C2DDE6

#64B8F7 #73BEF4 #83C4F1 #93CAEE #A2D0EB #B2D6E8 #C2DDE6

#64B8F7 - #C2DDE6

HSV Blend

#64B8F7 - #C2DDE6 | 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 #64B8F7 as 0% and #C2DDE6 as 100%.

0.0%	0.0% #64B7F7	RGB 100 183 247	#64B7F7
16.7%	16.7% #74C1F4	RGB 116 193 244	#74C1F4
33.3%	33.3% #84C9F1	RGB 132 201 241	#84C9F1
50.0%	50.0% #94D0EE	RGB 148 208 238	#94D0EE
66.7%	66.7% #A4D5EB	RGB 164 213 235	#A4D5EB
83.3%	83.3% #B3D9E8	RGB 179 217 232	#B3D9E8
100.0%	100.0% #C2DDE6	RGB 194 221 230	#C2DDE6

#64B7F7 #74C1F4 #84C9F1 #94D0EE #A4D5EB #B3D9E8 #C2DDE6

#64B8F7 - #94D0EE - #C2DDE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64B7F7 0%, #94D0EE 50%, #C2DDE6 100%);
    background: -webkit-linear-gradient(top, #64B7F7 0%, #94D0EE 50%, #C2DDE6 100%);
    background: linear-gradient(to bottom, #64B7F7 0%, #94D0EE 50%, #C2DDE6 100%);
}
</style>