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

#5E2C5D #D1C2D0

Calculate the color between two colors, #5E2C5D 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)

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

0.0%	0.0% #5E2C5D	RGB 94 44 93	#5E2C5D
16.7%	16.7% #714570	RGB 113 69 112	#714570
33.3%	33.3% #845E83	RGB 132 94 131	#845E83
50.0%	50.0% #977796	RGB 151 119 150	#977796
66.7%	66.7% #AA90A9	RGB 170 144 169	#AA90A9
83.3%	83.3% #BDA9BC	RGB 189 169 188	#BDA9BC
100.0%	100.0% #D1C2D0	RGB 209 194 208	#D1C2D0

#5E2C5D #714570 #845E83 #977796 #AA90A9 #BDA9BC #D1C2D0

#5E2C5D - #D1C2D0

HSV Blend

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

0.0%	0.0% #5E2C5D	RGB 94 44 93	#5E2C5D
16.7%	16.7% #713D6F	RGB 113 61 111	#713D6F
33.3%	33.3% #845282	RGB 132 82 130	#845282
50.0%	50.0% #976995	RGB 151 105 149	#976995
66.7%	66.7% #AA84A8	RGB 170 132 168	#AA84A8
83.3%	83.3% #BDA1BC	RGB 189 161 188	#BDA1BC
100.0%	100.0% #D1C2D0	RGB 209 194 208	#D1C2D0

#5E2C5D #713D6F #845282 #976995 #AA84A8 #BDA1BC #D1C2D0

#5E2C5D - #976995 - #D1C2D0

CSS codes

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

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