#D065A8 - #930559 | 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 #D065A8 to #930559

#D065A8 #930559

Calculate the color between two colors, #D065A8 and #930559. 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)

#D065A8 - #930559 | 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 #D065A8 as 0% and #930559 as 100%.

0.0%	0.0% #D065A8	RGB 208 101 168	#D065A8
16.7%	16.7% #C5559A	RGB 197 85 154	#C5559A
33.3%	33.3% #BB458D	RGB 187 69 141	#BB458D
50.0%	50.0% #B13580	RGB 177 53 128	#B13580
66.7%	66.7% #A72573	RGB 167 37 115	#A72573
83.3%	83.3% #9D1566	RGB 157 21 102	#9D1566
100.0%	100.0% #930559	RGB 147 5 89	#930559

#D065A8 #C5559A #BB458D #B13580 #A72573 #9D1566 #930559

#D065A8 - #930559

HSV Blend

#D065A8 - #930559 | 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 #D065A8 as 0% and #930559 as 100%.

0.0%	0.0% #D065A8	RGB 208 101 168	#D065A8
16.7%	16.7% #C55199	RGB 197 81 153	#C55199
33.3%	33.3% #BB3E8B	RGB 187 62 139	#BB3E8B
50.0%	50.0% #B12E7E	RGB 177 46 126	#B12E7E
66.7%	66.7% #A71E71	RGB 167 30 113	#A71E71
83.3%	83.3% #9D1164	RGB 157 17 100	#9D1164
100.0%	100.0% #930559	RGB 147 5 89	#930559

#D065A8 #C55199 #BB3E8B #B12E7E #A71E71 #9D1164 #930559

#D065A8 - #B12E7E - #930559

CSS codes

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

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