#C92EBD - #390D35 | 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 #C92EBD to #390D35

#C92EBD #390D35

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

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

0.0%	0.0% #C92EBD	RGB 201 46 189	#C92EBD
16.7%	16.7% #B128A6	RGB 177 40 166	#B128A6
33.3%	33.3% #99238F	RGB 153 35 143	#99238F
50.0%	50.0% #811D79	RGB 129 29 121	#811D79
66.7%	66.7% #691862	RGB 105 24 98	#691862
83.3%	83.3% #51124B	RGB 81 18 75	#51124B
100.0%	100.0% #390D35	RGB 57 13 53	#390D35

#C92EBD #B128A6 #99238F #811D79 #691862 #51124B #390D35

#C92EBD - #390D35

HSV Blend

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

0.0%	0.0% #C92EBC	RGB 201 46 188	#C92EBC
16.7%	16.7% #B128A6	RGB 177 40 166	#B128A6
33.3%	33.3% #99228F	RGB 153 34 143	#99228F
50.0%	50.0% #811D78	RGB 129 29 120	#811D78
66.7%	66.7% #691761	RGB 105 23 97	#691761
83.3%	83.3% #51124B	RGB 81 18 75	#51124B
100.0%	100.0% #390D35	RGB 57 13 53	#390D35

#C92EBC #B128A6 #99228F #811D78 #691761 #51124B #390D35

#C92EBD - #811D78 - #390D35

CSS codes

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

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