#CDEEFD - #59B7DF | 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 #CDEEFD to #59B7DF

#CDEEFD #59B7DF

Calculate the color between two colors, #CDEEFD and #59B7DF. 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)

#CDEEFD - #59B7DF | 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 #CDEEFD as 0% and #59B7DF as 100%.

0.0%	0.0% #CDEEFD	RGB 205 238 253	#CDEEFD
16.7%	16.7% #B9E4F8	RGB 185 228 248	#B9E4F8
33.3%	33.3% #A6DBF3	RGB 166 219 243	#A6DBF3
50.0%	50.0% #93D2EE	RGB 147 210 238	#93D2EE
66.7%	66.7% #7FC9E9	RGB 127 201 233	#7FC9E9
83.3%	83.3% #6CC0E4	RGB 108 192 228	#6CC0E4
100.0%	100.0% #59B7DF	RGB 89 183 223	#59B7DF

#CDEEFD #B9E4F8 #A6DBF3 #93D2EE #7FC9E9 #6CC0E4 #59B7DF

#CDEEFD - #59B7DF

HSV Blend

#CDEEFD - #59B7DF | 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 #CDEEFD as 0% and #59B7DF as 100%.

0.0%	0.0% #CDEEFD	RGB 205 238 253	#CDEEFD
16.7%	16.7% #B7E4F8	RGB 183 228 248	#B7E4F8
33.3%	33.3% #A3DAF3	RGB 163 218 243	#A3DAF3
50.0%	50.0% #8FD1EE	RGB 143 209 238	#8FD1EE
66.7%	66.7% #7CC8E9	RGB 124 200 233	#7CC8E9
83.3%	83.3% #6ABFE4	RGB 106 191 228	#6ABFE4
100.0%	100.0% #59B7DF	RGB 89 183 223	#59B7DF

#CDEEFD #B7E4F8 #A3DAF3 #8FD1EE #7CC8E9 #6ABFE4 #59B7DF

#CDEEFD - #8FD1EE - #59B7DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDEEFD 0%, #8FD1EE 50%, #59B7DF 100%);
    background: -webkit-linear-gradient(top, #CDEEFD 0%, #8FD1EE 50%, #59B7DF 100%);
    background: linear-gradient(to bottom, #CDEEFD 0%, #8FD1EE 50%, #59B7DF 100%);
}
</style>