#CF3E42 - #FF8C47 | 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 #FF8C47

#CF3E42 #FF8C47

Calculate the color between two colors, #CF3E42 and #FF8C47. 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 - #FF8C47 | 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 #FF8C47 as 100%.

0.0%	0.0% #CF3E42	RGB 207 62 66	#CF3E42
16.7%	16.7% #D74B42	RGB 215 75 66	#D74B42
33.3%	33.3% #DF5843	RGB 223 88 67	#DF5843
50.0%	50.0% #E76544	RGB 231 101 68	#E76544
66.7%	66.7% #EF7245	RGB 239 114 69	#EF7245
83.3%	83.3% #F77F46	RGB 247 127 70	#F77F46
100.0%	100.0% #FF8C47	RGB 255 140 71	#FF8C47

#CF3E42 #D74B42 #DF5843 #E76544 #EF7245 #F77F46 #FF8C47

#CF3E42 - #FF8C47

HSV Blend

#CF3E42 - #FF8C47 | 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 #FF8C47 as 100%.

0.0%	0.0% #CF3E42	RGB 207 62 66	#CF3E42
16.7%	16.7% #D7453F	RGB 215 69 63	#D7453F
33.3%	33.3% #DF5241	RGB 223 82 65	#DF5241
50.0%	50.0% #E75F42	RGB 231 95 66	#E75F42
66.7%	66.7% #EF6D44	RGB 239 109 68	#EF6D44
83.3%	83.3% #F77C45	RGB 247 124 69	#F77C45
100.0%	100.0% #FF8C47	RGB 255 140 71	#FF8C47

#CF3E42 #D7453F #DF5241 #E75F42 #EF6D44 #F77C45 #FF8C47

#CF3E42 - #E75F42 - #FF8C47

CSS codes

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

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