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

#CAAAB3 #EFE6E9

Calculate the color between two colors, #CAAAB3 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)

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

0.0%	0.0% #CAAAB3	RGB 202 170 179	#CAAAB3
16.7%	16.7% #D0B4BC	RGB 208 180 188	#D0B4BC
33.3%	33.3% #D6BEC5	RGB 214 190 197	#D6BEC5
50.0%	50.0% #DCC8CE	RGB 220 200 206	#DCC8CE
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

#CAAAB3 #D0B4BC #D6BEC5 #DCC8CE #E2D2D7 #E8DCE0 #EFE6E9

#CAAAB3 - #EFE6E9

HSV Blend

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

0.0%	0.0% #CAAAB3	RGB 202 170 179	#CAAAB3
16.7%	16.7% #D0B3BB	RGB 208 179 187	#D0B3BB
33.3%	33.3% #D6BDC4	RGB 214 189 196	#D6BDC4
50.0%	50.0% #DCC6CD	RGB 220 198 205	#DCC6CD
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

#CAAAB3 #D0B3BB #D6BDC4 #DCC6CD #E2D1D6 #E8DBDF #EFE6E9

#CAAAB3 - #DCC6CD - #EFE6E9

CSS codes

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

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