#5E1037 - #D1BAC5 | 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 #5E1037 to #D1BAC5

#5E1037 #D1BAC5

Calculate the color between two colors, #5E1037 and #D1BAC5. 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)

#5E1037 - #D1BAC5 | 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 #5E1037 as 0% and #D1BAC5 as 100%.

0.0%	0.0% #5E1037	RGB 94 16 55	#5E1037
16.7%	16.7% #712C4E	RGB 113 44 78	#712C4E
33.3%	33.3% #844866	RGB 132 72 102	#844866
50.0%	50.0% #97657E	RGB 151 101 126	#97657E
66.7%	66.7% #AA8195	RGB 170 129 149	#AA8195
83.3%	83.3% #BD9DAD	RGB 189 157 173	#BD9DAD
100.0%	100.0% #D1BAC5	RGB 209 186 197	#D1BAC5

#5E1037 #712C4E #844866 #97657E #AA8195 #BD9DAD #D1BAC5

#5E1037 - #D1BAC5

HSV Blend

#5E1037 - #D1BAC5 | 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 #5E1037 as 0% and #D1BAC5 as 100%.

0.0%	0.0% #5E0F36	RGB 94 15 54	#5E0F36
16.7%	16.7% #712048	RGB 113 32 72	#712048
33.3%	33.3% #84365C	RGB 132 54 92	#84365C
50.0%	50.0% #975073	RGB 151 80 115	#975073
66.7%	66.7% #AA6E8B	RGB 170 110 139	#AA6E8B
83.3%	83.3% #BD92A7	RGB 189 146 167	#BD92A7
100.0%	100.0% #D1BAC5	RGB 209 186 197	#D1BAC5

#5E0F36 #712048 #84365C #975073 #AA6E8B #BD92A7 #D1BAC5

#5E1037 - #975073 - #D1BAC5

CSS codes

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

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