#CFDA87 - #FDF2AF | 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 #CFDA87 to #FDF2AF

#CFDA87 #FDF2AF

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

#CFDA87 - #FDF2AF | 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 #CFDA87 as 0% and #FDF2AF as 100%.

0.0%	0.0% #CFDA87	RGB 207 218 135	#CFDA87
16.7%	16.7% #D6DE8D	RGB 214 222 141	#D6DE8D
33.3%	33.3% #DEE294	RGB 222 226 148	#DEE294
50.0%	50.0% #E6E69B	RGB 230 230 155	#E6E69B
66.7%	66.7% #EDEAA1	RGB 237 234 161	#EDEAA1
83.3%	83.3% #F5EEA8	RGB 245 238 168	#F5EEA8
100.0%	100.0% #FDF2AF	RGB 253 242 175	#FDF2AF

#CFDA87 #D6DE8D #DEE294 #E6E69B #EDEAA1 #F5EEA8 #FDF2AF

#CFDA87 - #FDF2AF

HSV Blend

#CFDA87 - #FDF2AF | 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 #CFDA87 as 0% and #FDF2AF as 100%.

0.0%	0.0% #CFDA87	RGB 207 218 135	#CFDA87
16.7%	16.7% #D8DF8D	RGB 216 223 141	#D8DF8D
33.3%	33.3% #E2E593	RGB 226 229 147	#E2E593
50.0%	50.0% #EBEB9A	RGB 235 235 154	#EBEB9A
66.7%	66.7% #F1EDA1	RGB 241 237 161	#F1EDA1
83.3%	83.3% #F7EFA7	RGB 247 239 167	#F7EFA7
100.0%	100.0% #FDF2AF	RGB 253 242 175	#FDF2AF

#CFDA87 #D8DF8D #E2E593 #EBEB9A #F1EDA1 #F7EFA7 #FDF2AF

#CFDA87 - #EBEB9A - #FDF2AF

CSS codes

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

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