#5E4153 - #D1C8CD | 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 #5E4153 to #D1C8CD

#5E4153 #D1C8CD

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

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

0.0%	0.0% #5E4153	RGB 94 65 83	#5E4153
16.7%	16.7% #715767	RGB 113 87 103	#715767
33.3%	33.3% #846E7B	RGB 132 110 123	#846E7B
50.0%	50.0% #978490	RGB 151 132 144	#978490
66.7%	66.7% #AA9BA4	RGB 170 155 164	#AA9BA4
83.3%	83.3% #BDB1B8	RGB 189 177 184	#BDB1B8
100.0%	100.0% #D1C8CD	RGB 209 200 205	#D1C8CD

#5E4153 #715767 #846E7B #978490 #AA9BA4 #BDB1B8 #D1C8CD

#5E4153 - #D1C8CD

HSV Blend

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

0.0%	0.0% #5E4153	RGB 94 65 83	#5E4153
16.7%	16.7% #715365	RGB 113 83 101	#715365
33.3%	33.3% #846778	RGB 132 103 120	#846778
50.0%	50.0% #977C8C	RGB 151 124 140	#977C8C
66.7%	66.7% #AA94A1	RGB 170 148 161	#AA94A1
83.3%	83.3% #BDADB6	RGB 189 173 182	#BDADB6
100.0%	100.0% #D1C8CD	RGB 209 200 205	#D1C8CD

#5E4153 #715365 #846778 #977C8C #AA94A1 #BDADB6 #D1C8CD

#5E4153 - #977C8C - #D1C8CD

CSS codes

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

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