#C0C696 - #ECEEE1 | 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 #C0C696 to #ECEEE1

#C0C696 #ECEEE1

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

#C0C696 - #ECEEE1 | 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 #C0C696 as 0% and #ECEEE1 as 100%.

0.0%	0.0% #C0C696	RGB 192 198 150	#C0C696
16.7%	16.7% #C7CCA2	RGB 199 204 162	#C7CCA2
33.3%	33.3% #CED3AF	RGB 206 211 175	#CED3AF
50.0%	50.0% #D6DABB	RGB 214 218 187	#D6DABB
66.7%	66.7% #DDE0C8	RGB 221 224 200	#DDE0C8
83.3%	83.3% #E4E7D4	RGB 228 231 212	#E4E7D4
100.0%	100.0% #ECEEE1	RGB 236 238 225	#ECEEE1

#C0C696 #C7CCA2 #CED3AF #D6DABB #DDE0C8 #E4E7D4 #ECEEE1

#C0C696 - #ECEEE1

HSV Blend

#C0C696 - #ECEEE1 | 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 #C0C696 as 0% and #ECEEE1 as 100%.

0.0%	0.0% #C0C696	RGB 192 198 150	#C0C696
16.7%	16.7% #C7CCA1	RGB 199 204 161	#C7CCA1
33.3%	33.3% #CED3AD	RGB 206 211 173	#CED3AD
50.0%	50.0% #D5DAB9	RGB 213 218 185	#D5DAB9
66.7%	66.7% #DCE0C6	RGB 220 224 198	#DCE0C6
83.3%	83.3% #E4E7D3	RGB 228 231 211	#E4E7D3
100.0%	100.0% #ECEEE1	RGB 236 238 225	#ECEEE1

#C0C696 #C7CCA1 #CED3AD #D5DAB9 #DCE0C6 #E4E7D3 #ECEEE1

#C0C696 - #D5DAB9 - #ECEEE1

CSS codes

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

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