#5E4E4F - #D1CCCC | 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 #5E4E4F to #D1CCCC

#5E4E4F #D1CCCC

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

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

0.0%	0.0% #5E4E4F	RGB 94 78 79	#5E4E4F
16.7%	16.7% #716363	RGB 113 99 99	#716363
33.3%	33.3% #847878	RGB 132 120 120	#847878
50.0%	50.0% #978D8D	RGB 151 141 141	#978D8D
66.7%	66.7% #AAA2A2	RGB 170 162 162	#AAA2A2
83.3%	83.3% #BDB7B7	RGB 189 183 183	#BDB7B7
100.0%	100.0% #D1CCCC	RGB 209 204 204	#D1CCCC

#5E4E4F #716363 #847878 #978D8D #AAA2A2 #BDB7B7 #D1CCCC

#5E4E4F - #D1CCCC

HSV Blend

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

0.0%	0.0% #5E4E4F	RGB 94 78 79	#5E4E4F
16.7%	16.7% #716061	RGB 113 96 97	#716061
33.3%	33.3% #847474	RGB 132 116 116	#847474
50.0%	50.0% #978889	RGB 151 136 137	#978889
66.7%	66.7% #AA9E9E	RGB 170 158 158	#AA9E9E
83.3%	83.3% #BDB4B4	RGB 189 180 180	#BDB4B4
100.0%	100.0% #D1CCCC	RGB 209 204 204	#D1CCCC

#5E4E4F #716061 #847474 #978889 #AA9E9E #BDB4B4 #D1CCCC

#5E4E4F - #978889 - #D1CCCC

CSS codes

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

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