#814C5E - #DBCBD1 | 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 #814C5E to #DBCBD1

#814C5E #DBCBD1

Calculate the color between two colors, #814C5E and #DBCBD1. 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)

#814C5E - #DBCBD1 | 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 #814C5E as 0% and #DBCBD1 as 100%.

0.0%	0.0% #814C5E	RGB 129 76 94	#814C5E
16.7%	16.7% #906171	RGB 144 97 113	#906171
33.3%	33.3% #9F7684	RGB 159 118 132	#9F7684
50.0%	50.0% #AE8B97	RGB 174 139 151	#AE8B97
66.7%	66.7% #BDA0AA	RGB 189 160 170	#BDA0AA
83.3%	83.3% #CCB5BD	RGB 204 181 189	#CCB5BD
100.0%	100.0% #DBCBD1	RGB 219 203 209	#DBCBD1

#814C5E #906171 #9F7684 #AE8B97 #BDA0AA #CCB5BD #DBCBD1

#814C5E - #DBCBD1

HSV Blend

#814C5E - #DBCBD1 | 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 #814C5E as 0% and #DBCBD1 as 100%.

0.0%	0.0% #814C5E	RGB 129 76 94	#814C5E
16.7%	16.7% #905C6E	RGB 144 92 110	#905C6E
33.3%	33.3% #9F6F80	RGB 159 111 128	#9F6F80
50.0%	50.0% #AE8392	RGB 174 131 146	#AE8392
66.7%	66.7% #BD99A6	RGB 189 153 166	#BD99A6
83.3%	83.3% #CCB1BB	RGB 204 177 187	#CCB1BB
100.0%	100.0% #DBCBD1	RGB 219 203 209	#DBCBD1

#814C5E #905C6E #9F6F80 #AE8392 #BD99A6 #CCB1BB #DBCBD1

#814C5E - #AE8392 - #DBCBD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #814C5E 0%, #AE8392 50%, #DBCBD1 100%);
    background: -webkit-linear-gradient(top, #814C5E 0%, #AE8392 50%, #DBCBD1 100%);
    background: linear-gradient(to bottom, #814C5E 0%, #AE8392 50%, #DBCBD1 100%);
}
</style>