#C7B383 - #DFB6D8 | 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 #C7B383 to #DFB6D8

#C7B383 #DFB6D8

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

#C7B383 - #DFB6D8 | 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 #C7B383 as 0% and #DFB6D8 as 100%.

0.0%	0.0% #C7B383	RGB 199 179 131	#C7B383
16.7%	16.7% #CBB391	RGB 203 179 145	#CBB391
33.3%	33.3% #CFB49F	RGB 207 180 159	#CFB49F
50.0%	50.0% #D3B4AD	RGB 211 180 173	#D3B4AD
66.7%	66.7% #D7B5BB	RGB 215 181 187	#D7B5BB
83.3%	83.3% #DBB5C9	RGB 219 181 201	#DBB5C9
100.0%	100.0% #DFB6D8	RGB 223 182 216	#DFB6D8

#C7B383 #CBB391 #CFB49F #D3B4AD #D7B5BB #DBB5C9 #DFB6D8

#C7B383 - #DFB6D8

HSV Blend

#C7B383 - #DFB6D8 | 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 #C7B383 as 0% and #DFB6D8 as 100%.

0.0%	0.0% #C7B383	RGB 199 179 131	#C7B383
16.7%	16.7% #CBA78A	RGB 203 167 138	#CBA78A
33.3%	33.3% #CF9E93	RGB 207 158 147	#CF9E93
50.0%	50.0% #D39B9E	RGB 211 155 158	#D39B9E
66.7%	66.7% #D7A4B4	RGB 215 164 180	#D7A4B4
83.3%	83.3% #DBACC7	RGB 219 172 199	#DBACC7
100.0%	100.0% #DFB6D8	RGB 223 182 216	#DFB6D8

#C7B383 #CBA78A #CF9E93 #D39B9E #D7A4B4 #DBACC7 #DFB6D8

#C7B383 - #D39B9E - #DFB6D8

CSS codes

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

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