#C8C7E3 - #CBE0E6 | 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 #C8C7E3 to #CBE0E6

#C8C7E3 #CBE0E6

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

#C8C7E3 - #CBE0E6 | 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 #C8C7E3 as 0% and #CBE0E6 as 100%.

0.0%	0.0% #C8C7E3	RGB 200 199 227	#C8C7E3
16.7%	16.7% #C8CBE3	RGB 200 203 227	#C8CBE3
33.3%	33.3% #C9CFE4	RGB 201 207 228	#C9CFE4
50.0%	50.0% #C9D3E4	RGB 201 211 228	#C9D3E4
66.7%	66.7% #CAD7E5	RGB 202 215 229	#CAD7E5
83.3%	83.3% #CADBE5	RGB 202 219 229	#CADBE5
100.0%	100.0% #CBE0E6	RGB 203 224 230	#CBE0E6

#C8C7E3 #C8CBE3 #C9CFE4 #C9D3E4 #CAD7E5 #CADBE5 #CBE0E6

#C8C7E3 - #CBE0E6

HSV Blend

#C8C7E3 - #CBE0E6 | 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 #C8C7E3 as 0% and #CBE0E6 as 100%.

0.0%	0.0% #C8C7E3	RGB 200 199 227	#C8C7E3
16.7%	16.7% #C7CAE3	RGB 199 202 227	#C7CAE3
33.3%	33.3% #C8CEE4	RGB 200 206 228	#C8CEE4
50.0%	50.0% #C8D3E4	RGB 200 211 228	#C8D3E4
66.7%	66.7% #C9D7E5	RGB 201 215 229	#C9D7E5
83.3%	83.3% #CADBE5	RGB 202 219 229	#CADBE5
100.0%	100.0% #CBE0E6	RGB 203 224 230	#CBE0E6

#C8C7E3 #C7CAE3 #C8CEE4 #C8D3E4 #C9D7E5 #CADBE5 #CBE0E6

#C8C7E3 - #C8D3E4 - #CBE0E6

CSS codes

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

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