#FEFECE - #D3BD68 | 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 #FEFECE to #D3BD68

#FEFECE #D3BD68

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

#FEFECE - #D3BD68 | 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 #FEFECE as 0% and #D3BD68 as 100%.

0.0%	0.0% #FEFECE	RGB 254 254 206	#FEFECE
16.7%	16.7% #F6F3BD	RGB 246 243 189	#F6F3BD
33.3%	33.3% #EFE8AC	RGB 239 232 172	#EFE8AC
50.0%	50.0% #E8DD9B	RGB 232 221 155	#E8DD9B
66.7%	66.7% #E1D28A	RGB 225 210 138	#E1D28A
83.3%	83.3% #DAC779	RGB 218 199 121	#DAC779
100.0%	100.0% #D3BD68	RGB 211 189 104	#D3BD68

#FEFECE #F6F3BD #EFE8AC #E8DD9B #E1D28A #DAC779 #D3BD68

#FEFECE - #D3BD68

HSV Blend

#FEFECE - #D3BD68 | 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 #FEFECE as 0% and #D3BD68 as 100%.

0.0%	0.0% #FEFECE	RGB 254 254 206	#FEFECE
16.7%	16.7% #F6F4BB	RGB 246 244 187	#F6F4BB
33.3%	33.3% #EFEAA8	RGB 239 234 168	#EFEAA8
50.0%	50.0% #E8E097	RGB 232 224 151	#E8E097
66.7%	66.7% #E1D486	RGB 225 212 134	#E1D486
83.3%	83.3% #DAC977	RGB 218 201 119	#DAC977
100.0%	100.0% #D3BD68	RGB 211 189 104	#D3BD68

#FEFECE #F6F4BB #EFEAA8 #E8E097 #E1D486 #DAC977 #D3BD68

#FEFECE - #E8E097 - #D3BD68

CSS codes

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

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