#C0DA9D - #FFEFB7 | 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 #C0DA9D to #FFEFB7

#C0DA9D #FFEFB7

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

#C0DA9D - #FFEFB7 | 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 #C0DA9D as 0% and #FFEFB7 as 100%.

0.0%	0.0% #C0DA9D	RGB 192 218 157	#C0DA9D
16.7%	16.7% #CADDA1	RGB 202 221 161	#CADDA1
33.3%	33.3% #D5E1A5	RGB 213 225 165	#D5E1A5
50.0%	50.0% #DFE4AA	RGB 223 228 170	#DFE4AA
66.7%	66.7% #EAE8AE	RGB 234 232 174	#EAE8AE
83.3%	83.3% #F4EBB2	RGB 244 235 178	#F4EBB2
100.0%	100.0% #FFEFB7	RGB 255 239 183	#FFEFB7

#C0DA9D #CADDA1 #D5E1A5 #DFE4AA #EAE8AE #F4EBB2 #FFEFB7

#C0DA9D - #FFEFB7

HSV Blend

#C0DA9D - #FFEFB7 | 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 #C0DA9D as 0% and #FFEFB7 as 100%.

0.0%	0.0% #C0DA9D	RGB 192 218 157	#C0DA9D
16.7%	16.7% #CCE0A1	RGB 204 224 161	#CCE0A1
33.3%	33.3% #D8E6A5	RGB 216 230 165	#D8E6A5
50.0%	50.0% #E5ECAA	RGB 229 236 170	#E5ECAA
66.7%	66.7% #F2F2AE	RGB 242 242 174	#F2F2AE
83.3%	83.3% #F8F0B2	RGB 248 240 178	#F8F0B2
100.0%	100.0% #FFEFB7	RGB 255 239 183	#FFEFB7

#C0DA9D #CCE0A1 #D8E6A5 #E5ECAA #F2F2AE #F8F0B2 #FFEFB7

#C0DA9D - #E5ECAA - #FFEFB7

CSS codes

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

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