#C84B6B - #39151E | 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 #C84B6B to #39151E

#C84B6B #39151E

Calculate the color between two colors, #C84B6B and #39151E. 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)

#C84B6B - #39151E | 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 #C84B6B as 0% and #39151E as 100%.

0.0%	0.0% #C84B6B	RGB 200 75 107	#C84B6B
16.7%	16.7% #B0425E	RGB 176 66 94	#B0425E
33.3%	33.3% #983951	RGB 152 57 81	#983951
50.0%	50.0% #803044	RGB 128 48 68	#803044
66.7%	66.7% #682737	RGB 104 39 55	#682737
83.3%	83.3% #501E2A	RGB 80 30 42	#501E2A
100.0%	100.0% #39151E	RGB 57 21 30	#39151E

#C84B6B #B0425E #983951 #803044 #682737 #501E2A #39151E

#C84B6B - #39151E

HSV Blend

#C84B6B - #39151E | 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 #C84B6B as 0% and #39151E as 100%.

0.0%	0.0% #C84B6B	RGB 200 75 107	#C84B6B
16.7%	16.7% #B0415D	RGB 176 65 93	#B0415D
33.3%	33.3% #983851	RGB 152 56 81	#983851
50.0%	50.0% #802F44	RGB 128 47 68	#802F44
66.7%	66.7% #682637	RGB 104 38 55	#682637
83.3%	83.3% #501D2A	RGB 80 29 42	#501D2A
100.0%	100.0% #39151E	RGB 57 21 30	#39151E

#C84B6B #B0415D #983851 #802F44 #682637 #501D2A #39151E

#C84B6B - #802F44 - #39151E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C84B6B 0%, #802F44 50%, #39151E 100%);
    background: -webkit-linear-gradient(top, #C84B6B 0%, #802F44 50%, #39151E 100%);
    background: linear-gradient(to bottom, #C84B6B 0%, #802F44 50%, #39151E 100%);
}
</style>