#C6B78A - #DFFCD3 | 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 #C6B78A to #DFFCD3

#C6B78A #DFFCD3

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

#C6B78A - #DFFCD3 | 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 #C6B78A as 0% and #DFFCD3 as 100%.

0.0%	0.0% #C6B78A	RGB 198 183 138	#C6B78A
16.7%	16.7% #CAC296	RGB 202 194 150	#CAC296
33.3%	33.3% #CECEA2	RGB 206 206 162	#CECEA2
50.0%	50.0% #D2D9AE	RGB 210 217 174	#D2D9AE
66.7%	66.7% #D6E5BA	RGB 214 229 186	#D6E5BA
83.3%	83.3% #DAF0C6	RGB 218 240 198	#DAF0C6
100.0%	100.0% #DFFCD3	RGB 223 252 211	#DFFCD3

#C6B78A #CAC296 #CECEA2 #D2D9AE #D6E5BA #DAF0C6 #DFFCD3

#C6B78A - #DFFCD3

HSV Blend

#C6B78A - #DFFCD3 | 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 #C6B78A as 0% and #DFFCD3 as 100%.

0.0%	0.0% #C6B78A	RGB 198 183 138	#C6B78A
16.7%	16.7% #CFC995	RGB 207 201 149	#CFC995
33.3%	33.3% #D4D8A0	RGB 212 216 160	#D4D8A0
50.0%	50.0% #D5E1AC	RGB 213 225 172	#D5E1AC
66.7%	66.7% #D6EAB8	RGB 214 234 184	#D6EAB8
83.3%	83.3% #DAF3C5	RGB 218 243 197	#DAF3C5
100.0%	100.0% #DFFCD3	RGB 223 252 211	#DFFCD3

#C6B78A #CFC995 #D4D8A0 #D5E1AC #D6EAB8 #DAF3C5 #DFFCD3

#C6B78A - #D5E1AC - #DFFCD3

CSS codes

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

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