#FEF9C7 - #DDD963 | 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 #FEF9C7 to #DDD963

#FEF9C7 #DDD963

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

#FEF9C7 - #DDD963 | 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 #FEF9C7 as 0% and #DDD963 as 100%.

0.0%	0.0% #FEF9C7	RGB 254 249 199	#FEF9C7
16.7%	16.7% #F8F3B6	RGB 248 243 182	#F8F3B6
33.3%	33.3% #F3EEA5	RGB 243 238 165	#F3EEA5
50.0%	50.0% #EDE995	RGB 237 233 149	#EDE995
66.7%	66.7% #E8E384	RGB 232 227 132	#E8E384
83.3%	83.3% #E2DE73	RGB 226 222 115	#E2DE73
100.0%	100.0% #DDD963	RGB 221 217 99	#DDD963

#FEF9C7 #F8F3B6 #F3EEA5 #EDE995 #E8E384 #E2DE73 #DDD963

#FEF9C7 - #DDD963

HSV Blend

#FEF9C7 - #DDD963 | 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 #FEF9C7 as 0% and #DDD963 as 100%.

0.0%	0.0% #FEF9C7	RGB 254 249 199	#FEF9C7
16.7%	16.7% #F8F3B4	RGB 248 243 180	#F8F3B4
33.3%	33.3% #F3EDA3	RGB 243 237 163	#F3EDA3
50.0%	50.0% #EDE792	RGB 237 231 146	#EDE792
66.7%	66.7% #E8E281	RGB 232 226 129	#E8E281
83.3%	83.3% #E2DD72	RGB 226 221 114	#E2DD72
100.0%	100.0% #DDD963	RGB 221 217 99	#DDD963

#FEF9C7 #F8F3B4 #F3EDA3 #EDE792 #E8E281 #E2DD72 #DDD963

#FEF9C7 - #EDE792 - #DDD963

CSS codes

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

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