#FEFBC7 - #DBD666 | 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 #FEFBC7 to #DBD666

#FEFBC7 #DBD666

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

#FEFBC7 - #DBD666 | 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 #FEFBC7 as 0% and #DBD666 as 100%.

0.0%	0.0% #FEFBC7	RGB 254 251 199	#FEFBC7
16.7%	16.7% #F8F4B6	RGB 248 244 182	#F8F4B6
33.3%	33.3% #F2EEA6	RGB 242 238 166	#F2EEA6
50.0%	50.0% #ECE896	RGB 236 232 150	#ECE896
66.7%	66.7% #E6E286	RGB 230 226 134	#E6E286
83.3%	83.3% #E0DC76	RGB 224 220 118	#E0DC76
100.0%	100.0% #DBD666	RGB 219 214 102	#DBD666

#FEFBC7 #F8F4B6 #F2EEA6 #ECE896 #E6E286 #E0DC76 #DBD666

#FEFBC7 - #DBD666

HSV Blend

#FEFBC7 - #DBD666 | 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 #FEFBC7 as 0% and #DBD666 as 100%.

0.0%	0.0% #FEFBC7	RGB 254 251 199	#FEFBC7
16.7%	16.7% #F8F4B5	RGB 248 244 181	#F8F4B5
33.3%	33.3% #F2EEA4	RGB 242 238 164	#F2EEA4
50.0%	50.0% #ECE893	RGB 236 232 147	#ECE893
66.7%	66.7% #E6E283	RGB 230 226 131	#E6E283
83.3%	83.3% #E0DB74	RGB 224 219 116	#E0DB74
100.0%	100.0% #DBD666	RGB 219 214 102	#DBD666

#FEFBC7 #F8F4B5 #F2EEA4 #ECE893 #E6E283 #E0DB74 #DBD666

#FEFBC7 - #ECE893 - #DBD666

CSS codes

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

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