#C92EB7 - #69005F | 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 #C92EB7 to #69005F

#C92EB7 #69005F

Calculate the color between two colors, #C92EB7 and #69005F. 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)

#C92EB7 - #69005F | 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 #C92EB7 as 0% and #69005F as 100%.

0.0%	0.0% #C92EB7	RGB 201 46 183	#C92EB7
16.7%	16.7% #B926A8	RGB 185 38 168	#B926A8
33.3%	33.3% #A91E99	RGB 169 30 153	#A91E99
50.0%	50.0% #99178B	RGB 153 23 139	#99178B
66.7%	66.7% #890F7C	RGB 137 15 124	#890F7C
83.3%	83.3% #79076D	RGB 121 7 109	#79076D
100.0%	100.0% #69005F	RGB 105 0 95	#69005F

#C92EB7 #B926A8 #A91E99 #99178B #890F7C #79076D #69005F

#C92EB7 - #69005F

HSV Blend

#C92EB7 - #69005F | 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 #C92EB7 as 0% and #69005F as 100%.

0.0%	0.0% #C92EB7	RGB 201 46 183	#C92EB7
16.7%	16.7% #B923A8	RGB 185 35 168	#B923A8
33.3%	33.3% #A91999	RGB 169 25 153	#A91999
50.0%	50.0% #99118A	RGB 153 17 138	#99118A
66.7%	66.7% #890A7C	RGB 137 10 124	#890A7C
83.3%	83.3% #79046D	RGB 121 4 109	#79046D
100.0%	100.0% #69005F	RGB 105 0 95	#69005F

#C92EB7 #B923A8 #A91999 #99118A #890A7C #79046D #69005F

#C92EB7 - #99118A - #69005F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92EB7 0%, #99118A 50%, #69005F 100%);
    background: -webkit-linear-gradient(top, #C92EB7 0%, #99118A 50%, #69005F 100%);
    background: linear-gradient(to bottom, #C92EB7 0%, #99118A 50%, #69005F 100%);
}
</style>