#FFC95B - #FFEED0 | 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 #FFC95B to #FFEED0

#FFC95B #FFEED0

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

#FFC95B - #FFEED0 | 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 #FFC95B as 0% and #FFEED0 as 100%.

0.0%	0.0% #FFC95B	RGB 255 201 91	#FFC95B
16.7%	16.7% #FFCF6E	RGB 255 207 110	#FFCF6E
33.3%	33.3% #FFD582	RGB 255 213 130	#FFD582
50.0%	50.0% #FFDB95	RGB 255 219 149	#FFDB95
66.7%	66.7% #FFE1A9	RGB 255 225 169	#FFE1A9
83.3%	83.3% #FFE7BC	RGB 255 231 188	#FFE7BC
100.0%	100.0% #FFEED0	RGB 255 238 208	#FFEED0

#FFC95B #FFCF6E #FFD582 #FFDB95 #FFE1A9 #FFE7BC #FFEED0

#FFC95B - #FFEED0

HSV Blend

#FFC95B - #FFEED0 | 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 #FFC95B as 0% and #FFEED0 as 100%.

0.0%	0.0% #FFC95B	RGB 255 201 91	#FFC95B
16.7%	16.7% #FFCE6E	RGB 255 206 110	#FFCE6E
33.3%	33.3% #FFD482	RGB 255 212 130	#FFD482
50.0%	50.0% #FFDA95	RGB 255 218 149	#FFDA95
66.7%	66.7% #FFE0A9	RGB 255 224 169	#FFE0A9
83.3%	83.3% #FFE7BC	RGB 255 231 188	#FFE7BC
100.0%	100.0% #FFEED0	RGB 255 238 208	#FFEED0

#FFC95B #FFCE6E #FFD482 #FFDA95 #FFE0A9 #FFE7BC #FFEED0

#FFC95B - #FFDA95 - #FFEED0

CSS codes

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

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