#C92CFF - #4900CB | 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 #C92CFF to #4900CB

#C92CFF #4900CB

Calculate the color between two colors, #C92CFF and #4900CB. 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)

#C92CFF - #4900CB | 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 #C92CFF as 0% and #4900CB as 100%.

0.0%	0.0% #C92CFF	RGB 201 44 255	#C92CFF
16.7%	16.7% #B324F6	RGB 179 36 246	#B324F6
33.3%	33.3% #9E1DED	RGB 158 29 237	#9E1DED
50.0%	50.0% #8916E5	RGB 137 22 229	#8916E5
66.7%	66.7% #730EDC	RGB 115 14 220	#730EDC
83.3%	83.3% #5E07D3	RGB 94 7 211	#5E07D3
100.0%	100.0% #4900CB	RGB 73 0 203	#4900CB

#C92CFF #B324F6 #9E1DED #8916E5 #730EDC #5E07D3 #4900CB

#C92CFF - #4900CB

HSV Blend

#C92CFF - #4900CB | 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 #C92CFF as 0% and #4900CB as 100%.

0.0%	0.0% #C92BFF	RGB 201 43 255	#C92BFF
16.7%	16.7% #B223F6	RGB 178 35 246	#B223F6
33.3%	33.3% #9C1BED	RGB 156 27 237	#9C1BED
50.0%	50.0% #8713E5	RGB 135 19 229	#8713E5
66.7%	66.7% #710CDC	RGB 113 12 220	#710CDC
83.3%	83.3% #5D06D3	RGB 93 6 211	#5D06D3
100.0%	100.0% #4900CB	RGB 73 0 203	#4900CB

#C92BFF #B223F6 #9C1BED #8713E5 #710CDC #5D06D3 #4900CB

#C92CFF - #8713E5 - #4900CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92BFF 0%, #8713E5 50%, #4900CB 100%);
    background: -webkit-linear-gradient(top, #C92BFF 0%, #8713E5 50%, #4900CB 100%);
    background: linear-gradient(to bottom, #C92BFF 0%, #8713E5 50%, #4900CB 100%);
}
</style>