#DBC29F - #FFB8C0 | 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 #DBC29F to #FFB8C0

#DBC29F #FFB8C0

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

#DBC29F - #FFB8C0 | 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 #DBC29F as 0% and #FFB8C0 as 100%.

0.0%	0.0% #DBC29F	RGB 219 194 159	#DBC29F
16.7%	16.7% #E1C0A4	RGB 225 192 164	#E1C0A4
33.3%	33.3% #E7BEAA	RGB 231 190 170	#E7BEAA
50.0%	50.0% #EDBDAF	RGB 237 189 175	#EDBDAF
66.7%	66.7% #F3BBB5	RGB 243 187 181	#F3BBB5
83.3%	83.3% #F9B9BA	RGB 249 185 186	#F9B9BA
100.0%	100.0% #FFB8C0	RGB 255 184 192	#FFB8C0

#DBC29F #E1C0A4 #E7BEAA #EDBDAF #F3BBB5 #F9B9BA #FFB8C0

#DBC29F - #FFB8C0

HSV Blend

#DBC29F - #FFB8C0 | 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 #DBC29F as 0% and #FFB8C0 as 100%.

0.0%	0.0% #DBC29F	RGB 219 194 159	#DBC29F
16.7%	16.7% #E1C0A3	RGB 225 192 163	#E1C0A3
33.3%	33.3% #E7BDA7	RGB 231 189 167	#E7BDA7
50.0%	50.0% #EDBAAB	RGB 237 186 171	#EDBAAB
66.7%	66.7% #F3B7AF	RGB 243 183 175	#F3B7AF
83.3%	83.3% #F9B4B3	RGB 249 180 179	#F9B4B3
100.0%	100.0% #FFB8C0	RGB 255 184 192	#FFB8C0

#DBC29F #E1C0A3 #E7BDA7 #EDBAAB #F3B7AF #F9B4B3 #FFB8C0

#DBC29F - #EDBAAB - #FFB8C0

CSS codes

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

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