#CAA3C3 - #A03F77 | 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 #CAA3C3 to #A03F77

#CAA3C3 #A03F77

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

#CAA3C3 - #A03F77 | 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 #CAA3C3 as 0% and #A03F77 as 100%.

0.0%	0.0% #CAA3C3	RGB 202 163 195	#CAA3C3
16.7%	16.7% #C392B6	RGB 195 146 182	#C392B6
33.3%	33.3% #BC81A9	RGB 188 129 169	#BC81A9
50.0%	50.0% #B5719D	RGB 181 113 157	#B5719D
66.7%	66.7% #AE6090	RGB 174 96 144	#AE6090
83.3%	83.3% #A74F83	RGB 167 79 131	#A74F83
100.0%	100.0% #A03F77	RGB 160 63 119	#A03F77

#CAA3C3 #C392B6 #BC81A9 #B5719D #AE6090 #A74F83 #A03F77

#CAA3C3 - #A03F77

HSV Blend

#CAA3C3 - #A03F77 | 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 #CAA3C3 as 0% and #A03F77 as 100%.

0.0%	0.0% #CAA3C3	RGB 202 163 195	#CAA3C3
16.7%	16.7% #C38FB7	RGB 195 143 183	#C38FB7
33.3%	33.3% #BC7DAB	RGB 188 125 171	#BC7DAB
50.0%	50.0% #B56C9F	RGB 181 108 159	#B56C9F
66.7%	66.7% #AE5C92	RGB 174 92 146	#AE5C92
83.3%	83.3% #A74D84	RGB 167 77 132	#A74D84
100.0%	100.0% #A03F77	RGB 160 63 119	#A03F77

#CAA3C3 #C38FB7 #BC7DAB #B56C9F #AE5C92 #A74D84 #A03F77

#CAA3C3 - #B56C9F - #A03F77

CSS codes

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

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