#C4C7E3 - #CCE3E5 | 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 #C4C7E3 to #CCE3E5

#C4C7E3 #CCE3E5

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

#C4C7E3 - #CCE3E5 | 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 #C4C7E3 as 0% and #CCE3E5 as 100%.

0.0%	0.0% #C4C7E3	RGB 196 199 227	#C4C7E3
16.7%	16.7% #C5CBE3	RGB 197 203 227	#C5CBE3
33.3%	33.3% #C6D0E3	RGB 198 208 227	#C6D0E3
50.0%	50.0% #C8D5E4	RGB 200 213 228	#C8D5E4
66.7%	66.7% #C9D9E4	RGB 201 217 228	#C9D9E4
83.3%	83.3% #CADEE4	RGB 202 222 228	#CADEE4
100.0%	100.0% #CCE3E5	RGB 204 227 229	#CCE3E5

#C4C7E3 #C5CBE3 #C6D0E3 #C8D5E4 #C9D9E4 #CADEE4 #CCE3E5

#C4C7E3 - #CCE3E5

HSV Blend

#C4C7E3 - #CCE3E5 | 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 #C4C7E3 as 0% and #CCE3E5 as 100%.

0.0%	0.0% #C4C7E3	RGB 196 199 227	#C4C7E3
16.7%	16.7% #C5CCE3	RGB 197 204 227	#C5CCE3
33.3%	33.3% #C6D1E3	RGB 198 209 227	#C6D1E3
50.0%	50.0% #C7D6E4	RGB 199 214 228	#C7D6E4
66.7%	66.7% #C9DAE4	RGB 201 218 228	#C9DAE4
83.3%	83.3% #CADFE4	RGB 202 223 228	#CADFE4
100.0%	100.0% #CCE3E5	RGB 204 227 229	#CCE3E5

#C4C7E3 #C5CCE3 #C6D1E3 #C7D6E4 #C9DAE4 #CADFE4 #CCE3E5

#C4C7E3 - #C7D6E4 - #CCE3E5

CSS codes

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

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