#DCBBA5 - #C0754F | 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 #DCBBA5 to #C0754F

#DCBBA5 #C0754F

Calculate the color between two colors, #DCBBA5 and #C0754F. 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)

#DCBBA5 - #C0754F | 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 #DCBBA5 as 0% and #C0754F as 100%.

0.0%	0.0% #DCBBA5	RGB 220 187 165	#DCBBA5
16.7%	16.7% #D7AF96	RGB 215 175 150	#D7AF96
33.3%	33.3% #D2A388	RGB 210 163 136	#D2A388
50.0%	50.0% #CE987A	RGB 206 152 122	#CE987A
66.7%	66.7% #C98C6B	RGB 201 140 107	#C98C6B
83.3%	83.3% #C4805D	RGB 196 128 93	#C4805D
100.0%	100.0% #C0754F	RGB 192 117 79	#C0754F

#DCBBA5 #D7AF96 #D2A388 #CE987A #C98C6B #C4805D #C0754F

#DCBBA5 - #C0754F

HSV Blend

#DCBBA5 - #C0754F | 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 #DCBBA5 as 0% and #C0754F as 100%.

0.0%	0.0% #DCBBA5	RGB 220 187 165	#DCBBA5
16.7%	16.7% #D7AF95	RGB 215 175 149	#D7AF95
33.3%	33.3% #D2A386	RGB 210 163 134	#D2A386
50.0%	50.0% #CE9777	RGB 206 151 119	#CE9777
66.7%	66.7% #C98B69	RGB 201 139 105	#C98B69
83.3%	83.3% #C4805C	RGB 196 128 92	#C4805C
100.0%	100.0% #C0754F	RGB 192 117 79	#C0754F

#DCBBA5 #D7AF95 #D2A386 #CE9777 #C98B69 #C4805C #C0754F

#DCBBA5 - #CE9777 - #C0754F

CSS codes

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

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