#C3CFEB - #D5E6E5 | 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 #C3CFEB to #D5E6E5

#C3CFEB #D5E6E5

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

#C3CFEB - #D5E6E5 | 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 #C3CFEB as 0% and #D5E6E5 as 100%.

0.0%	0.0% #C3CFEB	RGB 195 207 235	#C3CFEB
16.7%	16.7% #C6D2EA	RGB 198 210 234	#C6D2EA
33.3%	33.3% #C9D6E9	RGB 201 214 233	#C9D6E9
50.0%	50.0% #CCDAE8	RGB 204 218 232	#CCDAE8
66.7%	66.7% #CFDEE7	RGB 207 222 231	#CFDEE7
83.3%	83.3% #D2E2E6	RGB 210 226 230	#D2E2E6
100.0%	100.0% #D5E6E5	RGB 213 230 229	#D5E6E5

#C3CFEB #C6D2EA #C9D6E9 #CCDAE8 #CFDEE7 #D2E2E6 #D5E6E5

#C3CFEB - #D5E6E5

HSV Blend

#C3CFEB - #D5E6E5 | 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 #C3CFEB as 0% and #D5E6E5 as 100%.

0.0%	0.0% #C3CFEB	RGB 195 207 235	#C3CFEB
16.7%	16.7% #C6D5EA	RGB 198 213 234	#C6D5EA
33.3%	33.3% #C9DAE9	RGB 201 218 233	#C9DAE9
50.0%	50.0% #CCDFE8	RGB 204 223 232	#CCDFE8
66.7%	66.7% #CFE2E7	RGB 207 226 231	#CFE2E7
83.3%	83.3% #D2E5E6	RGB 210 229 230	#D2E5E6
100.0%	100.0% #D5E6E5	RGB 213 230 229	#D5E6E5

#C3CFEB #C6D5EA #C9DAE9 #CCDFE8 #CFE2E7 #D2E5E6 #D5E6E5

#C3CFEB - #CCDFE8 - #D5E6E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3CFEB 0%, #CCDFE8 50%, #D5E6E5 100%);
    background: -webkit-linear-gradient(top, #C3CFEB 0%, #CCDFE8 50%, #D5E6E5 100%);
    background: linear-gradient(to bottom, #C3CFEB 0%, #CCDFE8 50%, #D5E6E5 100%);
}
</style>