#CCA2AD - #974B5F | 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 #CCA2AD to #974B5F

#CCA2AD #974B5F

Calculate the color between two colors, #CCA2AD and #974B5F. 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)

#CCA2AD - #974B5F | 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 #CCA2AD as 0% and #974B5F as 100%.

0.0%	0.0% #CCA2AD	RGB 204 162 173	#CCA2AD
16.7%	16.7% #C393A0	RGB 195 147 160	#C393A0
33.3%	33.3% #BA8593	RGB 186 133 147	#BA8593
50.0%	50.0% #B17686	RGB 177 118 134	#B17686
66.7%	66.7% #A86879	RGB 168 104 121	#A86879
83.3%	83.3% #9F596C	RGB 159 89 108	#9F596C
100.0%	100.0% #974B5F	RGB 151 75 95	#974B5F

#CCA2AD #C393A0 #BA8593 #B17686 #A86879 #9F596C #974B5F

#CCA2AD - #974B5F

HSV Blend

#CCA2AD - #974B5F | 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 #CCA2AD as 0% and #974B5F as 100%.

0.0%	0.0% #CCA2AD	RGB 204 162 173	#CCA2AD
16.7%	16.7% #C3919E	RGB 195 145 158	#C3919E
33.3%	33.3% #BA8190	RGB 186 129 144	#BA8190
50.0%	50.0% #B17283	RGB 177 114 131	#B17283
66.7%	66.7% #A86476	RGB 168 100 118	#A86476
83.3%	83.3% #9F576A	RGB 159 87 106	#9F576A
100.0%	100.0% #974B5F	RGB 151 75 95	#974B5F

#CCA2AD #C3919E #BA8190 #B17283 #A86476 #9F576A #974B5F

#CCA2AD - #B17283 - #974B5F

CSS codes

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

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