#CF8C9C - #96354E | 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 #CF8C9C to #96354E

#CF8C9C #96354E

Calculate the color between two colors, #CF8C9C and #96354E. 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)

#CF8C9C - #96354E | 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 #CF8C9C as 0% and #96354E as 100%.

0.0%	0.0% #CF8C9C	RGB 207 140 156	#CF8C9C
16.7%	16.7% #C57D8F	RGB 197 125 143	#C57D8F
33.3%	33.3% #BC6F82	RGB 188 111 130	#BC6F82
50.0%	50.0% #B26075	RGB 178 96 117	#B26075
66.7%	66.7% #A95268	RGB 169 82 104	#A95268
83.3%	83.3% #9F435B	RGB 159 67 91	#9F435B
100.0%	100.0% #96354E	RGB 150 53 78	#96354E

#CF8C9C #C57D8F #BC6F82 #B26075 #A95268 #9F435B #96354E

#CF8C9C - #96354E

HSV Blend

#CF8C9C - #96354E | 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 #CF8C9C as 0% and #96354E as 100%.

0.0%	0.0% #CF8C9C	RGB 207 140 156	#CF8C9C
16.7%	16.7% #C57A8C	RGB 197 122 140	#C57A8C
33.3%	33.3% #BC6A7E	RGB 188 106 126	#BC6A7E
50.0%	50.0% #B25B71	RGB 178 91 113	#B25B71
66.7%	66.7% #A94D64	RGB 169 77 100	#A94D64
83.3%	83.3% #9F4059	RGB 159 64 89	#9F4059
100.0%	100.0% #96354E	RGB 150 53 78	#96354E

#CF8C9C #C57A8C #BC6A7E #B25B71 #A94D64 #9F4059 #96354E

#CF8C9C - #B25B71 - #96354E

CSS codes

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

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