#CF3E42 - #6D1017 | 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 #CF3E42 to #6D1017

#CF3E42 #6D1017

Calculate the color between two colors, #CF3E42 and #6D1017. 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)

#CF3E42 - #6D1017 | 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 #CF3E42 as 0% and #6D1017 as 100%.

0.0%	0.0% #CF3E42	RGB 207 62 66	#CF3E42
16.7%	16.7% #BE363A	RGB 190 54 58	#BE363A
33.3%	33.3% #AE2E33	RGB 174 46 51	#AE2E33
50.0%	50.0% #9E272C	RGB 158 39 44	#9E272C
66.7%	66.7% #8D1F25	RGB 141 31 37	#8D1F25
83.3%	83.3% #7D171E	RGB 125 23 30	#7D171E
100.0%	100.0% #6D1017	RGB 109 16 23	#6D1017

#CF3E42 #BE363A #AE2E33 #9E272C #8D1F25 #7D171E #6D1017

#CF3E42 - #6D1017

HSV Blend

#CF3E42 - #6D1017 | 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 #CF3E42 as 0% and #6D1017 as 100%.

0.0%	0.0% #CF3E42	RGB 207 62 66	#CF3E42
16.7%	16.7% #BE3439	RGB 190 52 57	#BE3439
33.3%	33.3% #AE2B31	RGB 174 43 49	#AE2B31
50.0%	50.0% #9E2329	RGB 158 35 41	#9E2329
66.7%	66.7% #8D1C22	RGB 141 28 34	#8D1C22
83.3%	83.3% #7D151C	RGB 125 21 28	#7D151C
100.0%	100.0% #6D1017	RGB 109 16 23	#6D1017

#CF3E42 #BE3439 #AE2B31 #9E2329 #8D1C22 #7D151C #6D1017

#CF3E42 - #9E2329 - #6D1017

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CF3E42 0%, #9E2329 50%, #6D1017 100%);
    background: -webkit-linear-gradient(top, #CF3E42 0%, #9E2329 50%, #6D1017 100%);
    background: linear-gradient(to bottom, #CF3E42 0%, #9E2329 50%, #6D1017 100%);
}
</style>