#412C5E - #BB717B | 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 #412C5E to #BB717B

#412C5E #BB717B

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

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

0.0%	0.0% #412C5E	RGB 65 44 94	#412C5E
16.7%	16.7% #553762	RGB 85 55 98	#553762
33.3%	33.3% #694367	RGB 105 67 103	#694367
50.0%	50.0% #7E4E6C	RGB 126 78 108	#7E4E6C
66.7%	66.7% #925A71	RGB 146 90 113	#925A71
83.3%	83.3% #A66576	RGB 166 101 118	#A66576
100.0%	100.0% #BB717B	RGB 187 113 123	#BB717B

#412C5E #553762 #694367 #7E4E6C #925A71 #A66576 #BB717B

#412C5E - #BB717B

HSV Blend

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

0.0%	0.0% #412C5E	RGB 65 44 94	#412C5E
16.7%	16.7% #5A356D	RGB 90 53 109	#5A356D
33.3%	33.3% #77407D	RGB 119 64 125	#77407D
50.0%	50.0% #8C4B83	RGB 140 75 131	#8C4B83
66.7%	66.7% #9C5781	RGB 156 87 129	#9C5781
83.3%	83.3% #AB637E	RGB 171 99 126	#AB637E
100.0%	100.0% #BB717B	RGB 187 113 123	#BB717B

#412C5E #5A356D #77407D #8C4B83 #9C5781 #AB637E #BB717B

#412C5E - #8C4B83 - #BB717B

CSS codes

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

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