#CF605C - #8D3D1C | 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 #CF605C to #8D3D1C

#CF605C #8D3D1C

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

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

0.0%	0.0% #CF605C	RGB 207 96 92	#CF605C
16.7%	16.7% #C45A51	RGB 196 90 81	#C45A51
33.3%	33.3% #B95446	RGB 185 84 70	#B95446
50.0%	50.0% #AE4E3C	RGB 174 78 60	#AE4E3C
66.7%	66.7% #A34831	RGB 163 72 49	#A34831
83.3%	83.3% #984226	RGB 152 66 38	#984226
100.0%	100.0% #8D3D1C	RGB 141 61 28	#8D3D1C

#CF605C #C45A51 #B95446 #AE4E3C #A34831 #984226 #8D3D1C

#CF605C - #8D3D1C

HSV Blend

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

0.0%	0.0% #CF605C	RGB 207 96 92	#CF605C
16.7%	16.7% #C4584F	RGB 196 88 79	#C4584F
33.3%	33.3% #B95143	RGB 185 81 67	#B95143
50.0%	50.0% #AE4B37	RGB 174 75 55	#AE4B37
66.7%	66.7% #A3452D	RGB 163 69 45	#A3452D
83.3%	83.3% #984124	RGB 152 65 36	#984124
100.0%	100.0% #8D3D1C	RGB 141 61 28	#8D3D1C

#CF605C #C4584F #B95143 #AE4B37 #A3452D #984124 #8D3D1C

#CF605C - #AE4B37 - #8D3D1C

CSS codes

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

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