#CEB596 - #DFBCDD | 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 #CEB596 to #DFBCDD

#CEB596 #DFBCDD

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

#CEB596 - #DFBCDD | 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 #CEB596 as 0% and #DFBCDD as 100%.

0.0%	0.0% #CEB596	RGB 206 181 150	#CEB596
16.7%	16.7% #D0B6A1	RGB 208 182 161	#D0B6A1
33.3%	33.3% #D3B7AD	RGB 211 183 173	#D3B7AD
50.0%	50.0% #D6B8B9	RGB 214 184 185	#D6B8B9
66.7%	66.7% #D9B9C5	RGB 217 185 197	#D9B9C5
83.3%	83.3% #DCBAD1	RGB 220 186 209	#DCBAD1
100.0%	100.0% #DFBCDD	RGB 223 188 221	#DFBCDD

#CEB596 #D0B6A1 #D3B7AD #D6B8B9 #D9B9C5 #DCBAD1 #DFBCDD

#CEB596 - #DFBCDD

HSV Blend

#CEB596 - #DFBCDD | 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 #CEB596 as 0% and #DFBCDD as 100%.

0.0%	0.0% #CEB596	RGB 206 181 150	#CEB596
16.7%	16.7% #D0AC9C	RGB 208 172 156	#D0AC9C
33.3%	33.3% #D3A4A2	RGB 211 164 162	#D3A4A2
50.0%	50.0% #D6A8B1	RGB 214 168 177	#D6A8B1
66.7%	66.7% #D9AEC1	RGB 217 174 193	#D9AEC1
83.3%	83.3% #DCB5D0	RGB 220 181 208	#DCB5D0
100.0%	100.0% #DFBCDD	RGB 223 188 221	#DFBCDD

#CEB596 #D0AC9C #D3A4A2 #D6A8B1 #D9AEC1 #DCB5D0 #DFBCDD

#CEB596 - #D6A8B1 - #DFBCDD

CSS codes

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

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