#CDDCF1 - #5E8ACB | 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 #CDDCF1 to #5E8ACB

#CDDCF1 #5E8ACB

Calculate the color between two colors, #CDDCF1 and #5E8ACB. 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)

#CDDCF1 - #5E8ACB | 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 #CDDCF1 as 0% and #5E8ACB as 100%.

0.0%	0.0% #CDDCF1	RGB 205 220 241	#CDDCF1
16.7%	16.7% #BACEEA	RGB 186 206 234	#BACEEA
33.3%	33.3% #A8C0E4	RGB 168 192 228	#A8C0E4
50.0%	50.0% #95B3DE	RGB 149 179 222	#95B3DE
66.7%	66.7% #83A5D7	RGB 131 165 215	#83A5D7
83.3%	83.3% #7097D1	RGB 112 151 209	#7097D1
100.0%	100.0% #5E8ACB	RGB 94 138 203	#5E8ACB

#CDDCF1 #BACEEA #A8C0E4 #95B3DE #83A5D7 #7097D1 #5E8ACB

#CDDCF1 - #5E8ACB

HSV Blend

#CDDCF1 - #5E8ACB | 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 #CDDCF1 as 0% and #5E8ACB as 100%.

0.0%	0.0% #CDDCF1	RGB 205 220 241	#CDDCF1
16.7%	16.7% #B8CDEA	RGB 184 205 234	#B8CDEA
33.3%	33.3% #A4BEE4	RGB 164 190 228	#A4BEE4
50.0%	50.0% #91B1DE	RGB 145 177 222	#91B1DE
66.7%	66.7% #7FA3D7	RGB 127 163 215	#7FA3D7
83.3%	83.3% #6E96D1	RGB 110 150 209	#6E96D1
100.0%	100.0% #5E8ACB	RGB 94 138 203	#5E8ACB

#CDDCF1 #B8CDEA #A4BEE4 #91B1DE #7FA3D7 #6E96D1 #5E8ACB

#CDDCF1 - #91B1DE - #5E8ACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDDCF1 0%, #91B1DE 50%, #5E8ACB 100%);
    background: -webkit-linear-gradient(top, #CDDCF1 0%, #91B1DE 50%, #5E8ACB 100%);
    background: linear-gradient(to bottom, #CDDCF1 0%, #91B1DE 50%, #5E8ACB 100%);
}
</style>