#C92E75 - #390D21 | 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 #C92E75 to #390D21

#C92E75 #390D21

Calculate the color between two colors, #C92E75 and #390D21. 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)

#C92E75 - #390D21 | 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 #C92E75 as 0% and #390D21 as 100%.

0.0%	0.0% #C92E75	RGB 201 46 117	#C92E75
16.7%	16.7% #B12867	RGB 177 40 103	#B12867
33.3%	33.3% #992359	RGB 153 35 89	#992359
50.0%	50.0% #811D4B	RGB 129 29 75	#811D4B
66.7%	66.7% #69183D	RGB 105 24 61	#69183D
83.3%	83.3% #51122F	RGB 81 18 47	#51122F
100.0%	100.0% #390D21	RGB 57 13 33	#390D21

#C92E75 #B12867 #992359 #811D4B #69183D #51122F #390D21

#C92E75 - #390D21

HSV Blend

#C92E75 - #390D21 | 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 #C92E75 as 0% and #390D21 as 100%.

0.0%	0.0% #C92E75	RGB 201 46 117	#C92E75
16.7%	16.7% #B12866	RGB 177 40 102	#B12866
33.3%	33.3% #992258	RGB 153 34 88	#992258
50.0%	50.0% #811D4A	RGB 129 29 74	#811D4A
66.7%	66.7% #69173C	RGB 105 23 60	#69173C
83.3%	83.3% #51122E	RGB 81 18 46	#51122E
100.0%	100.0% #390D21	RGB 57 13 33	#390D21

#C92E75 #B12866 #992258 #811D4A #69173C #51122E #390D21

#C92E75 - #811D4A - #390D21

CSS codes

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

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