#C0CF8D - #EDF1DE | 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 #C0CF8D to #EDF1DE

#C0CF8D #EDF1DE

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

#C0CF8D - #EDF1DE | 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 #C0CF8D as 0% and #EDF1DE as 100%.

0.0%	0.0% #C0CF8D	RGB 192 207 141	#C0CF8D
16.7%	16.7% #C7D49A	RGB 199 212 154	#C7D49A
33.3%	33.3% #CFDAA8	RGB 207 218 168	#CFDAA8
50.0%	50.0% #D6E0B5	RGB 214 224 181	#D6E0B5
66.7%	66.7% #DEE5C3	RGB 222 229 195	#DEE5C3
83.3%	83.3% #E5EBD0	RGB 229 235 208	#E5EBD0
100.0%	100.0% #EDF1DE	RGB 237 241 222	#EDF1DE

#C0CF8D #C7D49A #CFDAA8 #D6E0B5 #DEE5C3 #E5EBD0 #EDF1DE

#C0CF8D - #EDF1DE

HSV Blend

#C0CF8D - #EDF1DE | 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 #C0CF8D as 0% and #EDF1DE as 100%.

0.0%	0.0% #C0CF8D	RGB 192 207 141	#C0CF8D
16.7%	16.7% #C7D499	RGB 199 212 153	#C7D499
33.3%	33.3% #CEDAA6	RGB 206 218 166	#CEDAA6
50.0%	50.0% #D6E0B3	RGB 214 224 179	#D6E0B3
66.7%	66.7% #DDE5C1	RGB 221 229 193	#DDE5C1
83.3%	83.3% #E5EBCF	RGB 229 235 207	#E5EBCF
100.0%	100.0% #EDF1DE	RGB 237 241 222	#EDF1DE

#C0CF8D #C7D499 #CEDAA6 #D6E0B3 #DDE5C1 #E5EBCF #EDF1DE

#C0CF8D - #D6E0B3 - #EDF1DE

CSS codes

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

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