#5E2B5A - #D1C2D0 | 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 #5E2B5A to #D1C2D0

#5E2B5A #D1C2D0

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

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #71446D	RGB 113 68 109	#71446D
33.3%	33.3% #845D81	RGB 132 93 129	#845D81
50.0%	50.0% #977695	RGB 151 118 149	#977695
66.7%	66.7% #AA8FA8	RGB 170 143 168	#AA8FA8
83.3%	83.3% #BDA8BC	RGB 189 168 188	#BDA8BC
100.0%	100.0% #D1C2D0	RGB 209 194 208	#D1C2D0

#5E2B5A #71446D #845D81 #977695 #AA8FA8 #BDA8BC #D1C2D0

#5E2B5A - #D1C2D0

HSV Blend

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #713C6D	RGB 113 60 109	#713C6D
33.3%	33.3% #845180	RGB 132 81 128	#845180
50.0%	50.0% #976894	RGB 151 104 148	#976894
66.7%	66.7% #AA83A7	RGB 170 131 167	#AA83A7
83.3%	83.3% #BDA1BB	RGB 189 161 187	#BDA1BB
100.0%	100.0% #D1C2D0	RGB 209 194 208	#D1C2D0

#5E2B5A #713C6D #845180 #976894 #AA83A7 #BDA1BB #D1C2D0

#5E2B5A - #976894 - #D1C2D0

CSS codes

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

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