#CF8C95 - #AF3951 | 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 #CF8C95 to #AF3951

#CF8C95 #AF3951

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

#CF8C95 - #AF3951 | 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 #CF8C95 as 0% and #AF3951 as 100%.

0.0%	0.0% #CF8C95	RGB 207 140 149	#CF8C95
16.7%	16.7% #C97E89	RGB 201 126 137	#C97E89
33.3%	33.3% #C4707E	RGB 196 112 126	#C4707E
50.0%	50.0% #BF6273	RGB 191 98 115	#BF6273
66.7%	66.7% #B95467	RGB 185 84 103	#B95467
83.3%	83.3% #B4465C	RGB 180 70 92	#B4465C
100.0%	100.0% #AF3951	RGB 175 57 81	#AF3951

#CF8C95 #C97E89 #C4707E #BF6273 #B95467 #B4465C #AF3951

#CF8C95 - #AF3951

HSV Blend

#CF8C95 - #AF3951 | 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 #CF8C95 as 0% and #AF3951 as 100%.

0.0%	0.0% #CF8C95	RGB 207 140 149	#CF8C95
16.7%	16.7% #C97C87	RGB 201 124 135	#C97C87
33.3%	33.3% #C46D7B	RGB 196 109 123	#C46D7B
50.0%	50.0% #BF5F6F	RGB 191 95 111	#BF5F6F
66.7%	66.7% #B95264	RGB 185 82 100	#B95264
83.3%	83.3% #B4455A	RGB 180 69 90	#B4455A
100.0%	100.0% #AF3951	RGB 175 57 81	#AF3951

#CF8C95 #C97C87 #C46D7B #BF5F6F #B95264 #B4455A #AF3951

#CF8C95 - #BF5F6F - #AF3951

CSS codes

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

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