#C0C98E - #FAEDAF | 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 #C0C98E to #FAEDAF

#C0C98E #FAEDAF

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

#C0C98E - #FAEDAF | 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 #C0C98E as 0% and #FAEDAF as 100%.

0.0%	0.0% #C0C98E	RGB 192 201 142	#C0C98E
16.7%	16.7% #C9CF93	RGB 201 207 147	#C9CF93
33.3%	33.3% #D3D599	RGB 211 213 153	#D3D599
50.0%	50.0% #DDDB9E	RGB 221 219 158	#DDDB9E
66.7%	66.7% #E6E1A4	RGB 230 225 164	#E6E1A4
83.3%	83.3% #F0E7A9	RGB 240 231 169	#F0E7A9
100.0%	100.0% #FAEDAF	RGB 250 237 175	#FAEDAF

#C0C98E #C9CF93 #D3D599 #DDDB9E #E6E1A4 #F0E7A9 #FAEDAF

#C0C98E - #FAEDAF

HSV Blend

#C0C98E - #FAEDAF | 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 #C0C98E as 0% and #FAEDAF as 100%.

0.0%	0.0% #C0C98E	RGB 192 201 142	#C0C98E
16.7%	16.7% #CBD193	RGB 203 209 147	#CBD193
33.3%	33.3% #D6D999	RGB 214 217 153	#D6D999
50.0%	50.0% #E1E09E	RGB 225 224 158	#E1E09E
66.7%	66.7% #E9E5A4	RGB 233 229 164	#E9E5A4
83.3%	83.3% #F1E9A9	RGB 241 233 169	#F1E9A9
100.0%	100.0% #FAEDAF	RGB 250 237 175	#FAEDAF

#C0C98E #CBD193 #D6D999 #E1E09E #E9E5A4 #F1E9A9 #FAEDAF

#C0C98E - #E1E09E - #FAEDAF

CSS codes

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

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