#5E314C - #D1C4CB | 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 #5E314C to #D1C4CB

#5E314C #D1C4CB

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

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

0.0%	0.0% #5E314C	RGB 94 49 76	#5E314C
16.7%	16.7% #714961	RGB 113 73 97	#714961
33.3%	33.3% #846276	RGB 132 98 118	#846276
50.0%	50.0% #977A8B	RGB 151 122 139	#977A8B
66.7%	66.7% #AA93A0	RGB 170 147 160	#AA93A0
83.3%	83.3% #BDABB5	RGB 189 171 181	#BDABB5
100.0%	100.0% #D1C4CB	RGB 209 196 203	#D1C4CB

#5E314C #714961 #846276 #977A8B #AA93A0 #BDABB5 #D1C4CB

#5E314C - #D1C4CB

HSV Blend

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

0.0%	0.0% #5E314C	RGB 94 49 76	#5E314C
16.7%	16.7% #71425E	RGB 113 66 94	#71425E
33.3%	33.3% #845771	RGB 132 87 113	#845771
50.0%	50.0% #976E85	RGB 151 110 133	#976E85
66.7%	66.7% #AA889B	RGB 170 136 155	#AA889B
83.3%	83.3% #BDA4B2	RGB 189 164 178	#BDA4B2
100.0%	100.0% #D1C4CB	RGB 209 196 203	#D1C4CB

#5E314C #71425E #845771 #976E85 #AA889B #BDA4B2 #D1C4CB

#5E314C - #976E85 - #D1C4CB

CSS codes

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

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