#422C5E - #BC717B | 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 #422C5E to #BC717B

#422C5E #BC717B

Calculate the color between two colors, #422C5E and #BC717B. 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)

#422C5E - #BC717B | 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 #422C5E as 0% and #BC717B as 100%.

0.0%	0.0% #422C5E	RGB 66 44 94	#422C5E
16.7%	16.7% #563762	RGB 86 55 98	#563762
33.3%	33.3% #6A4367	RGB 106 67 103	#6A4367
50.0%	50.0% #7F4E6C	RGB 127 78 108	#7F4E6C
66.7%	66.7% #935A71	RGB 147 90 113	#935A71
83.3%	83.3% #A76576	RGB 167 101 118	#A76576
100.0%	100.0% #BC717B	RGB 188 113 123	#BC717B

#422C5E #563762 #6A4367 #7F4E6C #935A71 #A76576 #BC717B

#422C5E - #BC717B

HSV Blend

#422C5E - #BC717B | 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 #422C5E as 0% and #BC717B as 100%.

0.0%	0.0% #422C5E	RGB 66 44 94	#422C5E
16.7%	16.7% #5B356D	RGB 91 53 109	#5B356D
33.3%	33.3% #78407D	RGB 120 64 125	#78407D
50.0%	50.0% #8D4B82	RGB 141 75 130	#8D4B82
66.7%	66.7% #9C5781	RGB 156 87 129	#9C5781
83.3%	83.3% #AC637E	RGB 172 99 126	#AC637E
100.0%	100.0% #BC717B	RGB 188 113 123	#BC717B

#422C5E #5B356D #78407D #8D4B82 #9C5781 #AC637E #BC717B

#422C5E - #8D4B82 - #BC717B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #422C5E 0%, #8D4B82 50%, #BC717B 100%);
    background: -webkit-linear-gradient(top, #422C5E 0%, #8D4B82 50%, #BC717B 100%);
    background: linear-gradient(to bottom, #422C5E 0%, #8D4B82 50%, #BC717B 100%);
}
</style>