#5E3143 - #D1C4C8 | 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 #5E3143 to #D1C4C8

#5E3143 #D1C4C8

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

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

0.0%	0.0% #5E3143	RGB 94 49 67	#5E3143
16.7%	16.7% #714959	RGB 113 73 89	#714959
33.3%	33.3% #84626F	RGB 132 98 111	#84626F
50.0%	50.0% #977A85	RGB 151 122 133	#977A85
66.7%	66.7% #AA939B	RGB 170 147 155	#AA939B
83.3%	83.3% #BDABB1	RGB 189 171 177	#BDABB1
100.0%	100.0% #D1C4C8	RGB 209 196 200	#D1C4C8

#5E3143 #714959 #84626F #977A85 #AA939B #BDABB1 #D1C4C8

#5E3143 - #D1C4C8

HSV Blend

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

0.0%	0.0% #5E3143	RGB 94 49 67	#5E3143
16.7%	16.7% #714254	RGB 113 66 84	#714254
33.3%	33.3% #845767	RGB 132 87 103	#845767
50.0%	50.0% #976E7D	RGB 151 110 125	#976E7D
66.7%	66.7% #AA8893	RGB 170 136 147	#AA8893
83.3%	83.3% #BDA4AC	RGB 189 164 172	#BDA4AC
100.0%	100.0% #D1C4C8	RGB 209 196 200	#D1C4C8

#5E3143 #714254 #845767 #976E7D #AA8893 #BDA4AC #D1C4C8

#5E3143 - #976E7D - #D1C4C8

CSS codes

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

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