#C0C17C - #FAEBA3 | 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 #C0C17C to #FAEBA3

#C0C17C #FAEBA3

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

#C0C17C - #FAEBA3 | 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 #C0C17C as 0% and #FAEBA3 as 100%.

0.0%	0.0% #C0C17C	RGB 192 193 124	#C0C17C
16.7%	16.7% #C9C882	RGB 201 200 130	#C9C882
33.3%	33.3% #D3CF89	RGB 211 207 137	#D3CF89
50.0%	50.0% #DDD68F	RGB 221 214 143	#DDD68F
66.7%	66.7% #E6DD96	RGB 230 221 150	#E6DD96
83.3%	83.3% #F0E49C	RGB 240 228 156	#F0E49C
100.0%	100.0% #FAEBA3	RGB 250 235 163	#FAEBA3

#C0C17C #C9C882 #D3CF89 #DDD68F #E6DD96 #F0E49C #FAEBA3

#C0C17C - #FAEBA3

HSV Blend

#C0C17C - #FAEBA3 | 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 #C0C17C as 0% and #FAEBA3 as 100%.

0.0%	0.0% #C0C17C	RGB 192 193 124	#C0C17C
16.7%	16.7% #CAC982	RGB 202 201 130	#CAC982
33.3%	33.3% #D4D088	RGB 212 208 136	#D4D088
50.0%	50.0% #DDD78F	RGB 221 215 143	#DDD78F
66.7%	66.7% #E7DE95	RGB 231 222 149	#E7DE95
83.3%	83.3% #F0E49C	RGB 240 228 156	#F0E49C
100.0%	100.0% #FAEBA3	RGB 250 235 163	#FAEBA3

#C0C17C #CAC982 #D4D088 #DDD78F #E7DE95 #F0E49C #FAEBA3

#C0C17C - #DDD78F - #FAEBA3

CSS codes

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

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