#814A4A - #DBCBCB | 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 #814A4A to #DBCBCB

#814A4A #DBCBCB

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

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

0.0%	0.0% #814A4A	RGB 129 74 74	#814A4A
16.7%	16.7% #905F5F	RGB 144 95 95	#905F5F
33.3%	33.3% #9F7575	RGB 159 117 117	#9F7575
50.0%	50.0% #AE8A8A	RGB 174 138 138	#AE8A8A
66.7%	66.7% #BDA0A0	RGB 189 160 160	#BDA0A0
83.3%	83.3% #CCB5B5	RGB 204 181 181	#CCB5B5
100.0%	100.0% #DBCBCB	RGB 219 203 203	#DBCBCB

#814A4A #905F5F #9F7575 #AE8A8A #BDA0A0 #CCB5B5 #DBCBCB

#814A4A - #DBCBCB

HSV Blend

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

0.0%	0.0% #814A4A	RGB 129 74 74	#814A4A
16.7%	16.7% #905B5B	RGB 144 91 91	#905B5B
33.3%	33.3% #9F6D6D	RGB 159 109 109	#9F6D6D
50.0%	50.0% #AE8282	RGB 174 130 130	#AE8282
66.7%	66.7% #BD9898	RGB 189 152 152	#BD9898
83.3%	83.3% #CCB1B1	RGB 204 177 177	#CCB1B1
100.0%	100.0% #DBCBCB	RGB 219 203 203	#DBCBCB

#814A4A #905B5B #9F6D6D #AE8282 #BD9898 #CCB1B1 #DBCBCB

#814A4A - #AE8282 - #DBCBCB

CSS codes

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

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