#CF5E4C - #9B2413 | 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 #CF5E4C to #9B2413

#CF5E4C #9B2413

Calculate the color between two colors, #CF5E4C and #9B2413. 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)

#CF5E4C - #9B2413 | 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 #CF5E4C as 0% and #9B2413 as 100%.

0.0%	0.0% #CF5E4C	RGB 207 94 76	#CF5E4C
16.7%	16.7% #C65442	RGB 198 84 66	#C65442
33.3%	33.3% #BD4A39	RGB 189 74 57	#BD4A39
50.0%	50.0% #B5412F	RGB 181 65 47	#B5412F
66.7%	66.7% #AC3726	RGB 172 55 38	#AC3726
83.3%	83.3% #A32D1C	RGB 163 45 28	#A32D1C
100.0%	100.0% #9B2413	RGB 155 36 19	#9B2413

#CF5E4C #C65442 #BD4A39 #B5412F #AC3726 #A32D1C #9B2413

#CF5E4C - #9B2413

HSV Blend

#CF5E4C - #9B2413 | 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 #CF5E4C as 0% and #9B2413 as 100%.

0.0%	0.0% #CF5E4C	RGB 207 94 76	#CF5E4C
16.7%	16.7% #C65240	RGB 198 82 64	#C65240
33.3%	33.3% #BD4836	RGB 189 72 54	#BD4836
50.0%	50.0% #B53E2C	RGB 181 62 44	#B53E2C
66.7%	66.7% #AC3423	RGB 172 52 35	#AC3423
83.3%	83.3% #A32C1A	RGB 163 44 26	#A32C1A
100.0%	100.0% #9B2413	RGB 155 36 19	#9B2413

#CF5E4C #C65240 #BD4836 #B53E2C #AC3423 #A32C1A #9B2413

#CF5E4C - #B53E2C - #9B2413

CSS codes

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

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