#CAAAB5 - #EFE6E9 | 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 #CAAAB5 to #EFE6E9

#CAAAB5 #EFE6E9

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

#CAAAB5 - #EFE6E9 | 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 #CAAAB5 as 0% and #EFE6E9 as 100%.

0.0%	0.0% #CAAAB5	RGB 202 170 181	#CAAAB5
16.7%	16.7% #D0B4BD	RGB 208 180 189	#D0B4BD
33.3%	33.3% #D6BEC6	RGB 214 190 198	#D6BEC6
50.0%	50.0% #DCC8CF	RGB 220 200 207	#DCC8CF
66.7%	66.7% #E2D2D7	RGB 226 210 215	#E2D2D7
83.3%	83.3% #E8DCE0	RGB 232 220 224	#E8DCE0
100.0%	100.0% #EFE6E9	RGB 239 230 233	#EFE6E9

#CAAAB5 #D0B4BD #D6BEC6 #DCC8CF #E2D2D7 #E8DCE0 #EFE6E9

#CAAAB5 - #EFE6E9

HSV Blend

#CAAAB5 - #EFE6E9 | 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 #CAAAB5 as 0% and #EFE6E9 as 100%.

0.0%	0.0% #CAAAB5	RGB 202 170 181	#CAAAB5
16.7%	16.7% #D0B3BD	RGB 208 179 189	#D0B3BD
33.3%	33.3% #D6BDC5	RGB 214 189 197	#D6BDC5
50.0%	50.0% #DCC6CE	RGB 220 198 206	#DCC6CE
66.7%	66.7% #E2D1D6	RGB 226 209 214	#E2D1D6
83.3%	83.3% #E8DBDF	RGB 232 219 223	#E8DBDF
100.0%	100.0% #EFE6E9	RGB 239 230 233	#EFE6E9

#CAAAB5 #D0B3BD #D6BDC5 #DCC6CE #E2D1D6 #E8DBDF #EFE6E9

#CAAAB5 - #DCC6CE - #EFE6E9

CSS codes

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

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