#CF001C - #FF7557 | 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 #CF001C to #FF7557

#CF001C #FF7557

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

#CF001C - #FF7557 | 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 #CF001C as 0% and #FF7557 as 100%.

0.0%	0.0% #CF001C	RGB 207 0 28	#CF001C
16.7%	16.7% #D71325	RGB 215 19 37	#D71325
33.3%	33.3% #DF272F	RGB 223 39 47	#DF272F
50.0%	50.0% #E73A39	RGB 231 58 57	#E73A39
66.7%	66.7% #EF4E43	RGB 239 78 67	#EF4E43
83.3%	83.3% #F7614D	RGB 247 97 77	#F7614D
100.0%	100.0% #FF7557	RGB 255 117 87	#FF7557

#CF001C #D71325 #DF272F #E73A39 #EF4E43 #F7614D #FF7557

#CF001C - #FF7557

HSV Blend

#CF001C - #FF7557 | 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 #CF001C as 0% and #FF7557 as 100%.

0.0%	0.0% #CF001B	RGB 207 0 27	#CF001B
16.7%	16.7% #D70C1D	RGB 215 12 29	#D70C1D
33.3%	33.3% #DF191F	RGB 223 25 31	#DF191F
50.0%	50.0% #E72B27	RGB 231 43 39	#E72B27
66.7%	66.7% #EF4436	RGB 239 68 54	#EF4436
83.3%	83.3% #F75C46	RGB 247 92 70	#F75C46
100.0%	100.0% #FF7557	RGB 255 117 87	#FF7557

#CF001B #D70C1D #DF191F #E72B27 #EF4436 #F75C46 #FF7557

#CF001C - #E72B27 - #FF7557

CSS codes

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

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