#C03984 - #6E005B | 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 #C03984 to #6E005B

#C03984 #6E005B

Calculate the color between two colors, #C03984 and #6E005B. 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)

#C03984 - #6E005B | 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 #C03984 as 0% and #6E005B as 100%.

0.0%	0.0% #C03984	RGB 192 57 132	#C03984
16.7%	16.7% #B22F7D	RGB 178 47 125	#B22F7D
33.3%	33.3% #A42676	RGB 164 38 118	#A42676
50.0%	50.0% #971C6F	RGB 151 28 111	#971C6F
66.7%	66.7% #891368	RGB 137 19 104	#891368
83.3%	83.3% #7B0961	RGB 123 9 97	#7B0961
100.0%	100.0% #6E005B	RGB 110 0 91	#6E005B

#C03984 #B22F7D #A42676 #971C6F #891368 #7B0961 #6E005B

#C03984 - #6E005B

HSV Blend

#C03984 - #6E005B | 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 #C03984 as 0% and #6E005B as 100%.

0.0%	0.0% #C03984	RGB 192 57 132	#C03984
16.7%	16.7% #B22C7C	RGB 178 44 124	#B22C7C
33.3%	33.3% #A42075	RGB 164 32 117	#A42075
50.0%	50.0% #97166F	RGB 151 22 111	#97166F
66.7%	66.7% #890D68	RGB 137 13 104	#890D68
83.3%	83.3% #7B0662	RGB 123 6 98	#7B0662
100.0%	100.0% #6E005B	RGB 110 0 91	#6E005B

#C03984 #B22C7C #A42075 #97166F #890D68 #7B0662 #6E005B

#C03984 - #97166F - #6E005B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C03984 0%, #97166F 50%, #6E005B 100%);
    background: -webkit-linear-gradient(top, #C03984 0%, #97166F 50%, #6E005B 100%);
    background: linear-gradient(to bottom, #C03984 0%, #97166F 50%, #6E005B 100%);
}
</style>