#C92DB4 - #68005B | 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 #C92DB4 to #68005B

#C92DB4 #68005B

Calculate the color between two colors, #C92DB4 and #68005B. 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)

#C92DB4 - #68005B | 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 #C92DB4 as 0% and #68005B as 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #B825A5	RGB 184 37 165	#B825A5
33.3%	33.3% #A81E96	RGB 168 30 150	#A81E96
50.0%	50.0% #981687	RGB 152 22 135	#981687
66.7%	66.7% #880E78	RGB 136 14 120	#880E78
83.3%	83.3% #780769	RGB 120 7 105	#780769
100.0%	100.0% #68005B	RGB 104 0 91	#68005B

#C92DB4 #B825A5 #A81E96 #981687 #880E78 #780769 #68005B

#C92DB4 - #68005B

HSV Blend

#C92DB4 - #68005B | 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 #C92DB4 as 0% and #68005B as 100%.

0.0%	0.0% #C92DB4	RGB 201 45 180	#C92DB4
16.7%	16.7% #B822A4	RGB 184 34 164	#B822A4
33.3%	33.3% #A81995	RGB 168 25 149	#A81995
50.0%	50.0% #981186	RGB 152 17 134	#981186
66.7%	66.7% #880A78	RGB 136 10 120	#880A78
83.3%	83.3% #780469	RGB 120 4 105	#780469
100.0%	100.0% #68005B	RGB 104 0 91	#68005B

#C92DB4 #B822A4 #A81995 #981186 #880A78 #780469 #68005B

#C92DB4 - #981186 - #68005B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92DB4 0%, #981186 50%, #68005B 100%);
    background: -webkit-linear-gradient(top, #C92DB4 0%, #981186 50%, #68005B 100%);
    background: linear-gradient(to bottom, #C92DB4 0%, #981186 50%, #68005B 100%);
}
</style>