#5E3E59 - #D1C7D0 | 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 #5E3E59 to #D1C7D0

#5E3E59 #D1C7D0

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

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

0.0%	0.0% #5E3E59	RGB 94 62 89	#5E3E59
16.7%	16.7% #71546C	RGB 113 84 108	#71546C
33.3%	33.3% #846B80	RGB 132 107 128	#846B80
50.0%	50.0% #978294	RGB 151 130 148	#978294
66.7%	66.7% #AA99A8	RGB 170 153 168	#AA99A8
83.3%	83.3% #BDB0BC	RGB 189 176 188	#BDB0BC
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3E59 #71546C #846B80 #978294 #AA99A8 #BDB0BC #D1C7D0

#5E3E59 - #D1C7D0

HSV Blend

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

0.0%	0.0% #5E3E59	RGB 94 62 89	#5E3E59
16.7%	16.7% #71506C	RGB 113 80 108	#71506C
33.3%	33.3% #84647F	RGB 132 100 127	#84647F
50.0%	50.0% #977A93	RGB 151 122 147	#977A93
66.7%	66.7% #AA91A7	RGB 170 145 167	#AA91A7
83.3%	83.3% #BDABBB	RGB 189 171 187	#BDABBB
100.0%	100.0% #D1C7D0	RGB 209 199 208	#D1C7D0

#5E3E59 #71506C #84647F #977A93 #AA91A7 #BDABBB #D1C7D0

#5E3E59 - #977A93 - #D1C7D0

CSS codes

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

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