#5E3E58 - #D1C7CF | 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 #5E3E58 to #D1C7CF

#5E3E58 #D1C7CF

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

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

0.0%	0.0% #5E3E58	RGB 94 62 88	#5E3E58
16.7%	16.7% #71546B	RGB 113 84 107	#71546B
33.3%	33.3% #846B7F	RGB 132 107 127	#846B7F
50.0%	50.0% #978293	RGB 151 130 147	#978293
66.7%	66.7% #AA99A7	RGB 170 153 167	#AA99A7
83.3%	83.3% #BDB0BB	RGB 189 176 187	#BDB0BB
100.0%	100.0% #D1C7CF	RGB 209 199 207	#D1C7CF

#5E3E58 #71546B #846B7F #978293 #AA99A7 #BDB0BB #D1C7CF

#5E3E58 - #D1C7CF

HSV Blend

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

0.0%	0.0% #5E3E58	RGB 94 62 88	#5E3E58
16.7%	16.7% #71506A	RGB 113 80 106	#71506A
33.3%	33.3% #84647E	RGB 132 100 126	#84647E
50.0%	50.0% #977A91	RGB 151 122 145	#977A91
66.7%	66.7% #AA91A5	RGB 170 145 165	#AA91A5
83.3%	83.3% #BDABBA	RGB 189 171 186	#BDABBA
100.0%	100.0% #D1C7CF	RGB 209 199 207	#D1C7CF

#5E3E58 #71506A #84647E #977A91 #AA91A5 #BDABBA #D1C7CF

#5E3E58 - #977A91 - #D1C7CF

CSS codes

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

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