#FDFDCB - #E4E075 | 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 #FDFDCB to #E4E075

#FDFDCB #E4E075

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

#FDFDCB - #E4E075 | 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 #FDFDCB as 0% and #E4E075 as 100%.

0.0%	0.0% #FDFDCB	RGB 253 253 203	#FDFDCB
16.7%	16.7% #F8F8BC	RGB 248 248 188	#F8F8BC
33.3%	33.3% #F4F3AE	RGB 244 243 174	#F4F3AE
50.0%	50.0% #F0EEA0	RGB 240 238 160	#F0EEA0
66.7%	66.7% #ECE991	RGB 236 233 145	#ECE991
83.3%	83.3% #E8E483	RGB 232 228 131	#E8E483
100.0%	100.0% #E4E075	RGB 228 224 117	#E4E075

#FDFDCB #F8F8BC #F4F3AE #F0EEA0 #ECE991 #E8E483 #E4E075

#FDFDCB - #E4E075

HSV Blend

#FDFDCB - #E4E075 | 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 #FDFDCB as 0% and #E4E075 as 100%.

0.0%	0.0% #FDFDCB	RGB 253 253 203	#FDFDCB
16.7%	16.7% #F8F8BB	RGB 248 248 187	#F8F8BB
33.3%	33.3% #F4F3AC	RGB 244 243 172	#F4F3AC
50.0%	50.0% #F0EF9E	RGB 240 239 158	#F0EF9E
66.7%	66.7% #ECEA90	RGB 236 234 144	#ECEA90
83.3%	83.3% #E8E582	RGB 232 229 130	#E8E582
100.0%	100.0% #E4E075	RGB 228 224 117	#E4E075

#FDFDCB #F8F8BB #F4F3AC #F0EF9E #ECEA90 #E8E582 #E4E075

#FDFDCB - #F0EF9E - #E4E075

CSS codes

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

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