#CF5E65 - #811B25 | 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 #CF5E65 to #811B25

#CF5E65 #811B25

Calculate the color between two colors, #CF5E65 and #811B25. 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)

#CF5E65 - #811B25 | 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 #CF5E65 as 0% and #811B25 as 100%.

0.0%	0.0% #CF5E65	RGB 207 94 101	#CF5E65
16.7%	16.7% #C2525A	RGB 194 82 90	#C2525A
33.3%	33.3% #B5474F	RGB 181 71 79	#B5474F
50.0%	50.0% #A83C45	RGB 168 60 69	#A83C45
66.7%	66.7% #9B313A	RGB 155 49 58	#9B313A
83.3%	83.3% #8E262F	RGB 142 38 47	#8E262F
100.0%	100.0% #811B25	RGB 129 27 37	#811B25

#CF5E65 #C2525A #B5474F #A83C45 #9B313A #8E262F #811B25

#CF5E65 - #811B25

HSV Blend

#CF5E65 - #811B25 | 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 #CF5E65 as 0% and #811B25 as 100%.

0.0%	0.0% #CF5E65	RGB 207 94 101	#CF5E65
16.7%	16.7% #C25057	RGB 194 80 87	#C25057
33.3%	33.3% #B5434B	RGB 181 67 75	#B5434B
50.0%	50.0% #A83740	RGB 168 55 64	#A83740
66.7%	66.7% #9B2D36	RGB 155 45 54	#9B2D36
83.3%	83.3% #8E232D	RGB 142 35 45	#8E232D
100.0%	100.0% #811B25	RGB 129 27 37	#811B25

#CF5E65 #C25057 #B5434B #A83740 #9B2D36 #8E232D #811B25

#CF5E65 - #A83740 - #811B25

CSS codes

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

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