#CAA4B0 - #AD4E6F | 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 #CAA4B0 to #AD4E6F

#CAA4B0 #AD4E6F

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

#CAA4B0 - #AD4E6F | 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 #CAA4B0 as 0% and #AD4E6F as 100%.

0.0%	0.0% #CAA4B0	RGB 202 164 176	#CAA4B0
16.7%	16.7% #C595A5	RGB 197 149 165	#C595A5
33.3%	33.3% #C0879A	RGB 192 135 154	#C0879A
50.0%	50.0% #BB798F	RGB 187 121 143	#BB798F
66.7%	66.7% #B66A84	RGB 182 106 132	#B66A84
83.3%	83.3% #B15C79	RGB 177 92 121	#B15C79
100.0%	100.0% #AD4E6F	RGB 173 78 111	#AD4E6F

#CAA4B0 #C595A5 #C0879A #BB798F #B66A84 #B15C79 #AD4E6F

#CAA4B0 - #AD4E6F

HSV Blend

#CAA4B0 - #AD4E6F | 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 #CAA4B0 as 0% and #AD4E6F as 100%.

0.0%	0.0% #CAA4B0	RGB 202 164 176	#CAA4B0
16.7%	16.7% #C594A3	RGB 197 148 163	#C594A3
33.3%	33.3% #C08598	RGB 192 133 152	#C08598
50.0%	50.0% #BB768D	RGB 187 118 141	#BB768D
66.7%	66.7% #B66882	RGB 182 104 130	#B66882
83.3%	83.3% #B15A78	RGB 177 90 120	#B15A78
100.0%	100.0% #AD4E6F	RGB 173 78 111	#AD4E6F

#CAA4B0 #C594A3 #C08598 #BB768D #B66882 #B15A78 #AD4E6F

#CAA4B0 - #BB768D - #AD4E6F

CSS codes

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

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