#CDF4FF - #65B6E2 | 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 #CDF4FF to #65B6E2

#CDF4FF #65B6E2

Calculate the color between two colors, #CDF4FF and #65B6E2. 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)

#CDF4FF - #65B6E2 | 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 #CDF4FF as 0% and #65B6E2 as 100%.

0.0%	0.0% #CDF4FF	RGB 205 244 255	#CDF4FF
16.7%	16.7% #BBE9FA	RGB 187 233 250	#BBE9FA
33.3%	33.3% #AADFF5	RGB 170 223 245	#AADFF5
50.0%	50.0% #99D5F0	RGB 153 213 240	#99D5F0
66.7%	66.7% #87CAEB	RGB 135 202 235	#87CAEB
83.3%	83.3% #76C0E6	RGB 118 192 230	#76C0E6
100.0%	100.0% #65B6E2	RGB 101 182 226	#65B6E2

#CDF4FF #BBE9FA #AADFF5 #99D5F0 #87CAEB #76C0E6 #65B6E2

#CDF4FF - #65B6E2

HSV Blend

#CDF4FF - #65B6E2 | 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 #CDF4FF as 0% and #65B6E2 as 100%.

0.0%	0.0% #CDF4FF	RGB 205 244 255	#CDF4FF
16.7%	16.7% #BAEAFA	RGB 186 234 250	#BAEAFA
33.3%	33.3% #A8E0F5	RGB 168 224 245	#A8E0F5
50.0%	50.0% #96D6F0	RGB 150 214 240	#96D6F0
66.7%	66.7% #85CCEB	RGB 133 204 235	#85CCEB
83.3%	83.3% #74C1E6	RGB 116 193 230	#74C1E6
100.0%	100.0% #65B6E2	RGB 101 182 226	#65B6E2

#CDF4FF #BAEAFA #A8E0F5 #96D6F0 #85CCEB #74C1E6 #65B6E2

#CDF4FF - #96D6F0 - #65B6E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDF4FF 0%, #96D6F0 50%, #65B6E2 100%);
    background: -webkit-linear-gradient(top, #CDF4FF 0%, #96D6F0 50%, #65B6E2 100%);
    background: linear-gradient(to bottom, #CDF4FF 0%, #96D6F0 50%, #65B6E2 100%);
}
</style>