#C92DBE - #9C0095 | 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 #C92DBE to #9C0095

#C92DBE #9C0095

Calculate the color between two colors, #C92DBE and #9C0095. 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)

#C92DBE - #9C0095 | 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 #C92DBE as 0% and #9C0095 as 100%.

0.0%	0.0% #C92DBE	RGB 201 45 190	#C92DBE
16.7%	16.7% #C125B7	RGB 193 37 183	#C125B7
33.3%	33.3% #BA1EB0	RGB 186 30 176	#BA1EB0
50.0%	50.0% #B216A9	RGB 178 22 169	#B216A9
66.7%	66.7% #AB0EA2	RGB 171 14 162	#AB0EA2
83.3%	83.3% #A3079B	RGB 163 7 155	#A3079B
100.0%	100.0% #9C0095	RGB 156 0 149	#9C0095

#C92DBE #C125B7 #BA1EB0 #B216A9 #AB0EA2 #A3079B #9C0095

#C92DBE - #9C0095

HSV Blend

#C92DBE - #9C0095 | 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 #C92DBE as 0% and #9C0095 as 100%.

0.0%	0.0% #C92DBD	RGB 201 45 189	#C92DBD
16.7%	16.7% #C124B7	RGB 193 36 183	#C124B7
33.3%	33.3% #BA1BB0	RGB 186 27 176	#BA1BB0
50.0%	50.0% #B213A9	RGB 178 19 169	#B213A9
66.7%	66.7% #AB0CA2	RGB 171 12 162	#AB0CA2
83.3%	83.3% #A3069B	RGB 163 6 155	#A3069B
100.0%	100.0% #9C0095	RGB 156 0 149	#9C0095

#C92DBD #C124B7 #BA1BB0 #B213A9 #AB0CA2 #A3069B #9C0095

#C92DBE - #B213A9 - #9C0095

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92DBD 0%, #B213A9 50%, #9C0095 100%);
    background: -webkit-linear-gradient(top, #C92DBD 0%, #B213A9 50%, #9C0095 100%);
    background: linear-gradient(to bottom, #C92DBD 0%, #B213A9 50%, #9C0095 100%);
}
</style>