#C36D84 - #8F0515 | 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 #C36D84 to #8F0515

#C36D84 #8F0515

Calculate the color between two colors, #C36D84 and #8F0515. 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)

#C36D84 - #8F0515 | 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 #C36D84 as 0% and #8F0515 as 100%.

0.0%	0.0% #C36D84	RGB 195 109 132	#C36D84
16.7%	16.7% #BA5B71	RGB 186 91 113	#BA5B71
33.3%	33.3% #B14A5F	RGB 177 74 95	#B14A5F
50.0%	50.0% #A9394C	RGB 169 57 76	#A9394C
66.7%	66.7% #A0273A	RGB 160 39 58	#A0273A
83.3%	83.3% #971627	RGB 151 22 39	#971627
100.0%	100.0% #8F0515	RGB 143 5 21	#8F0515

#C36D84 #BA5B71 #B14A5F #A9394C #A0273A #971627 #8F0515

#C36D84 - #8F0515

HSV Blend

#C36D84 - #8F0515 | 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 #C36D84 as 0% and #8F0515 as 100%.

0.0%	0.0% #C36D84	RGB 195 109 132	#C36D84
16.7%	16.7% #BA576F	RGB 186 87 111	#BA576F
33.3%	33.3% #B1445C	RGB 177 68 92	#B1445C
50.0%	50.0% #A93248	RGB 169 50 72	#A93248
66.7%	66.7% #A02136	RGB 160 33 54	#A02136
83.3%	83.3% #971225	RGB 151 18 37	#971225
100.0%	100.0% #8F0515	RGB 143 5 21	#8F0515

#C36D84 #BA576F #B1445C #A93248 #A02136 #971225 #8F0515

#C36D84 - #A93248 - #8F0515

CSS codes

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

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