#DEDEB6 - #B8B061 | 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 #DEDEB6 to #B8B061

#DEDEB6 #B8B061

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

#DEDEB6 - #B8B061 | 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 #DEDEB6 as 0% and #B8B061 as 100%.

0.0%	0.0% #DEDEB6	RGB 222 222 182	#DEDEB6
16.7%	16.7% #D7D6A7	RGB 215 214 167	#D7D6A7
33.3%	33.3% #D1CE99	RGB 209 206 153	#D1CE99
50.0%	50.0% #CBC78B	RGB 203 199 139	#CBC78B
66.7%	66.7% #C4BF7D	RGB 196 191 125	#C4BF7D
83.3%	83.3% #BEB76F	RGB 190 183 111	#BEB76F
100.0%	100.0% #B8B061	RGB 184 176 97	#B8B061

#DEDEB6 #D7D6A7 #D1CE99 #CBC78B #C4BF7D #BEB76F #B8B061

#DEDEB6 - #B8B061

HSV Blend

#DEDEB6 - #B8B061 | 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 #DEDEB6 as 0% and #B8B061 as 100%.

0.0%	0.0% #DEDEB6	RGB 222 222 182	#DEDEB6
16.7%	16.7% #D7D6A6	RGB 215 214 166	#D7D6A6
33.3%	33.3% #D1CF97	RGB 209 207 151	#D1CF97
50.0%	50.0% #CBC788	RGB 203 199 136	#CBC788
66.7%	66.7% #C4C07A	RGB 196 192 122	#C4C07A
83.3%	83.3% #BEB86D	RGB 190 184 109	#BEB86D
100.0%	100.0% #B8B061	RGB 184 176 97	#B8B061

#DEDEB6 #D7D6A6 #D1CF97 #CBC788 #C4C07A #BEB86D #B8B061

#DEDEB6 - #CBC788 - #B8B061

CSS codes

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

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