#CAAAC2 - #EFE6EB | 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 #CAAAC2 to #EFE6EB

#CAAAC2 #EFE6EB

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

#CAAAC2 - #EFE6EB | 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 #CAAAC2 as 0% and #EFE6EB as 100%.

0.0%	0.0% #CAAAC2	RGB 202 170 194	#CAAAC2
16.7%	16.7% #D0B4C8	RGB 208 180 200	#D0B4C8
33.3%	33.3% #D6BECF	RGB 214 190 207	#D6BECF
50.0%	50.0% #DCC8D6	RGB 220 200 214	#DCC8D6
66.7%	66.7% #E2D2DD	RGB 226 210 221	#E2D2DD
83.3%	83.3% #E8DCE4	RGB 232 220 228	#E8DCE4
100.0%	100.0% #EFE6EB	RGB 239 230 235	#EFE6EB

#CAAAC2 #D0B4C8 #D6BECF #DCC8D6 #E2D2DD #E8DCE4 #EFE6EB

#CAAAC2 - #EFE6EB

HSV Blend

#CAAAC2 - #EFE6EB | 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 #CAAAC2 as 0% and #EFE6EB as 100%.

0.0%	0.0% #CAAAC2	RGB 202 170 194	#CAAAC2
16.7%	16.7% #D0B3C8	RGB 208 179 200	#D0B3C8
33.3%	33.3% #D6BDCE	RGB 214 189 206	#D6BDCE
50.0%	50.0% #DCC6D4	RGB 220 198 212	#DCC6D4
66.7%	66.7% #E2D1DB	RGB 226 209 219	#E2D1DB
83.3%	83.3% #E8DBE3	RGB 232 219 227	#E8DBE3
100.0%	100.0% #EFE6EB	RGB 239 230 235	#EFE6EB

#CAAAC2 #D0B3C8 #D6BDCE #DCC6D4 #E2D1DB #E8DBE3 #EFE6EB

#CAAAC2 - #DCC6D4 - #EFE6EB

CSS codes

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

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