#CF9FAC - #9A475E | 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 #CF9FAC to #9A475E

#CF9FAC #9A475E

Calculate the color between two colors, #CF9FAC and #9A475E. 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)

#CF9FAC - #9A475E | 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 #CF9FAC as 0% and #9A475E as 100%.

0.0%	0.0% #CF9FAC	RGB 207 159 172	#CF9FAC
16.7%	16.7% #C6909F	RGB 198 144 159	#C6909F
33.3%	33.3% #BD8192	RGB 189 129 146	#BD8192
50.0%	50.0% #B47385	RGB 180 115 133	#B47385
66.7%	66.7% #AB6478	RGB 171 100 120	#AB6478
83.3%	83.3% #A2556B	RGB 162 85 107	#A2556B
100.0%	100.0% #9A475E	RGB 154 71 94	#9A475E

#CF9FAC #C6909F #BD8192 #B47385 #AB6478 #A2556B #9A475E

#CF9FAC - #9A475E

HSV Blend

#CF9FAC - #9A475E | 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 #CF9FAC as 0% and #9A475E as 100%.

0.0%	0.0% #CF9FAC	RGB 207 159 172	#CF9FAC
16.7%	16.7% #C68E9D	RGB 198 142 157	#C68E9D
33.3%	33.3% #BD7E8F	RGB 189 126 143	#BD7E8F
50.0%	50.0% #B46E81	RGB 180 110 129	#B46E81
66.7%	66.7% #AB6075	RGB 171 96 117	#AB6075
83.3%	83.3% #A25369	RGB 162 83 105	#A25369
100.0%	100.0% #9A475E	RGB 154 71 94	#9A475E

#CF9FAC #C68E9D #BD7E8F #B46E81 #AB6075 #A25369 #9A475E

#CF9FAC - #B46E81 - #9A475E

CSS codes

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

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