#CCA8AF - #974148 | 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 #CCA8AF to #974148

#CCA8AF #974148

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

#CCA8AF - #974148 | 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 #CCA8AF as 0% and #974148 as 100%.

0.0%	0.0% #CCA8AF	RGB 204 168 175	#CCA8AF
16.7%	16.7% #C3969D	RGB 195 150 157	#C3969D
33.3%	33.3% #BA858C	RGB 186 133 140	#BA858C
50.0%	50.0% #B1747B	RGB 177 116 123	#B1747B
66.7%	66.7% #A8636A	RGB 168 99 106	#A8636A
83.3%	83.3% #9F5259	RGB 159 82 89	#9F5259
100.0%	100.0% #974148	RGB 151 65 72	#974148

#CCA8AF #C3969D #BA858C #B1747B #A8636A #9F5259 #974148

#CCA8AF - #974148

HSV Blend

#CCA8AF - #974148 | 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 #CCA8AF as 0% and #974148 as 100%.

0.0%	0.0% #CCA8AF	RGB 204 168 175	#CCA8AF
16.7%	16.7% #C3939C	RGB 195 147 156	#C3939C
33.3%	33.3% #BA818A	RGB 186 129 138	#BA818A
50.0%	50.0% #B16F78	RGB 177 111 120	#B16F78
66.7%	66.7% #A85E67	RGB 168 94 103	#A85E67
83.3%	83.3% #9F4F57	RGB 159 79 87	#9F4F57
100.0%	100.0% #974148	RGB 151 65 72	#974148

#CCA8AF #C3939C #BA818A #B16F78 #A85E67 #9F4F57 #974148

#CCA8AF - #B16F78 - #974148

CSS codes

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

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