#5E2B49 - #D1C2CB | 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 #5E2B49 to #D1C2CB

#5E2B49 #D1C2CB

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

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

0.0%	0.0% #5E2B49	RGB 94 43 73	#5E2B49
16.7%	16.7% #71445E	RGB 113 68 94	#71445E
33.3%	33.3% #845D74	RGB 132 93 116	#845D74
50.0%	50.0% #97768A	RGB 151 118 138	#97768A
66.7%	66.7% #AA8F9F	RGB 170 143 159	#AA8F9F
83.3%	83.3% #BDA8B5	RGB 189 168 181	#BDA8B5
100.0%	100.0% #D1C2CB	RGB 209 194 203	#D1C2CB

#5E2B49 #71445E #845D74 #97768A #AA8F9F #BDA8B5 #D1C2CB

#5E2B49 - #D1C2CB

HSV Blend

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

0.0%	0.0% #5E2B49	RGB 94 43 73	#5E2B49
16.7%	16.7% #713C5B	RGB 113 60 91	#713C5B
33.3%	33.3% #84516F	RGB 132 81 111	#84516F
50.0%	50.0% #976884	RGB 151 104 132	#976884
66.7%	66.7% #AA839A	RGB 170 131 154	#AA839A
83.3%	83.3% #BDA1B2	RGB 189 161 178	#BDA1B2
100.0%	100.0% #D1C2CB	RGB 209 194 203	#D1C2CB

#5E2B49 #713C5B #84516F #976884 #AA839A #BDA1B2 #D1C2CB

#5E2B49 - #976884 - #D1C2CB

CSS codes

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

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