#C0289D - #6F004C | 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 #C0289D to #6F004C

#C0289D #6F004C

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

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

0.0%	0.0% #C0289D	RGB 192 40 157	#C0289D
16.7%	16.7% #B2218F	RGB 178 33 143	#B2218F
33.3%	33.3% #A51A82	RGB 165 26 130	#A51A82
50.0%	50.0% #971474	RGB 151 20 116	#971474
66.7%	66.7% #8A0D67	RGB 138 13 103	#8A0D67
83.3%	83.3% #7C0659	RGB 124 6 89	#7C0659
100.0%	100.0% #6F004C	RGB 111 0 76	#6F004C

#C0289D #B2218F #A51A82 #971474 #8A0D67 #7C0659 #6F004C

#C0289D - #6F004C

HSV Blend

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

0.0%	0.0% #C0289D	RGB 192 40 157	#C0289D
16.7%	16.7% #B21E8E	RGB 178 30 142	#B21E8E
33.3%	33.3% #A51680	RGB 165 22 128	#A51680
50.0%	50.0% #970F72	RGB 151 15 114	#970F72
66.7%	66.7% #8A0965	RGB 138 9 101	#8A0965
83.3%	83.3% #7C0458	RGB 124 4 88	#7C0458
100.0%	100.0% #6F004C	RGB 111 0 76	#6F004C

#C0289D #B21E8E #A51680 #970F72 #8A0965 #7C0458 #6F004C

#C0289D - #970F72 - #6F004C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0289D 0%, #970F72 50%, #6F004C 100%);
    background: -webkit-linear-gradient(top, #C0289D 0%, #970F72 50%, #6F004C 100%);
    background: linear-gradient(to bottom, #C0289D 0%, #970F72 50%, #6F004C 100%);
}
</style>