#C9969B - #8F444D | 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 #C9969B to #8F444D

#C9969B #8F444D

Calculate the color between two colors, #C9969B and #8F444D. 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)

#C9969B - #8F444D | 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 #C9969B as 0% and #8F444D as 100%.

0.0%	0.0% #C9969B	RGB 201 150 155	#C9969B
16.7%	16.7% #BF888E	RGB 191 136 142	#BF888E
33.3%	33.3% #B57A81	RGB 181 122 129	#B57A81
50.0%	50.0% #AC6D74	RGB 172 109 116	#AC6D74
66.7%	66.7% #A25F67	RGB 162 95 103	#A25F67
83.3%	83.3% #98515A	RGB 152 81 90	#98515A
100.0%	100.0% #8F444D	RGB 143 68 77	#8F444D

#C9969B #BF888E #B57A81 #AC6D74 #A25F67 #98515A #8F444D

#C9969B - #8F444D

HSV Blend

#C9969B - #8F444D | 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 #C9969B as 0% and #8F444D as 100%.

0.0%	0.0% #C9969B	RGB 201 150 155	#C9969B
16.7%	16.7% #BF868B	RGB 191 134 139	#BF868B
33.3%	33.3% #B5777D	RGB 181 119 125	#B5777D
50.0%	50.0% #AC6970	RGB 172 105 112	#AC6970
66.7%	66.7% #A25B63	RGB 162 91 99	#A25B63
83.3%	83.3% #984F57	RGB 152 79 87	#984F57
100.0%	100.0% #8F444D	RGB 143 68 77	#8F444D

#C9969B #BF868B #B5777D #AC6970 #A25B63 #984F57 #8F444D

#C9969B - #AC6970 - #8F444D

CSS codes

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

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