#CF957E - #AE4D2E | 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 #CF957E to #AE4D2E

#CF957E #AE4D2E

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

#CF957E - #AE4D2E | 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 #CF957E as 0% and #AE4D2E as 100%.

0.0%	0.0% #CF957E	RGB 207 149 126	#CF957E
16.7%	16.7% #C98970	RGB 201 137 112	#C98970
33.3%	33.3% #C47D63	RGB 196 125 99	#C47D63
50.0%	50.0% #BE7156	RGB 190 113 86	#BE7156
66.7%	66.7% #B96548	RGB 185 101 72	#B96548
83.3%	83.3% #B3593B	RGB 179 89 59	#B3593B
100.0%	100.0% #AE4D2E	RGB 174 77 46	#AE4D2E

#CF957E #C98970 #C47D63 #BE7156 #B96548 #B3593B #AE4D2E

#CF957E - #AE4D2E

HSV Blend

#CF957E - #AE4D2E | 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 #CF957E as 0% and #AE4D2E as 100%.

0.0%	0.0% #CF957E	RGB 207 149 126	#CF957E
16.7%	16.7% #C9886F	RGB 201 136 111	#C9886F
33.3%	33.3% #C47B60	RGB 196 123 96	#C47B60
50.0%	50.0% #BE6F53	RGB 190 111 83	#BE6F53
66.7%	66.7% #B96346	RGB 185 99 70	#B96346
83.3%	83.3% #B35839	RGB 179 88 57	#B35839
100.0%	100.0% #AE4D2E	RGB 174 77 46	#AE4D2E

#CF957E #C9886F #C47B60 #BE6F53 #B96346 #B35839 #AE4D2E

#CF957E - #BE6F53 - #AE4D2E

CSS codes

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

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