#CABDE6 - #E6E5E5 | 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 #CABDE6 to #E6E5E5

#CABDE6 #E6E5E5

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

#CABDE6 - #E6E5E5 | 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 #CABDE6 as 0% and #E6E5E5 as 100%.

0.0%	0.0% #CABDE6	RGB 202 189 230	#CABDE6
16.7%	16.7% #CEC3E5	RGB 206 195 229	#CEC3E5
33.3%	33.3% #D3CAE5	RGB 211 202 229	#D3CAE5
50.0%	50.0% #D8D1E5	RGB 216 209 229	#D8D1E5
66.7%	66.7% #DCD7E5	RGB 220 215 229	#DCD7E5
83.3%	83.3% #E1DEE5	RGB 225 222 229	#E1DEE5
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#CABDE6 #CEC3E5 #D3CAE5 #D8D1E5 #DCD7E5 #E1DEE5 #E6E5E5

#CABDE6 - #E6E5E5

HSV Blend

#CABDE6 - #E6E5E5 | 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 #CABDE6 as 0% and #E6E5E5 as 100%.

0.0%	0.0% #CABDE6	RGB 202 189 230	#CABDE6
16.7%	16.7% #D8C3E6	RGB 216 195 230	#D8C3E6
33.3%	33.3% #E2CAE6	RGB 226 202 230	#E2CAE6
50.0%	50.0% #E6D1E2	RGB 230 209 226	#E6D1E2
66.7%	66.7% #E6D7DF	RGB 230 215 223	#E6D7DF
83.3%	83.3% #E6DEE0	RGB 230 222 224	#E6DEE0
100.0%	100.0% #E6E5E5	RGB 230 229 229	#E6E5E5

#CABDE6 #D8C3E6 #E2CAE6 #E6D1E2 #E6D7DF #E6DEE0 #E6E5E5

#CABDE6 - #E6D1E2 - #E6E5E5

CSS codes

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

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