#D7B05D - #FEF77D | 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 #D7B05D to #FEF77D

#D7B05D #FEF77D

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

#D7B05D - #FEF77D | 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 #D7B05D as 0% and #FEF77D as 100%.

0.0%	0.0% #D7B05D	RGB 215 176 93	#D7B05D
16.7%	16.7% #DDBB62	RGB 221 187 98	#DDBB62
33.3%	33.3% #E4C767	RGB 228 199 103	#E4C767
50.0%	50.0% #EAD36D	RGB 234 211 109	#EAD36D
66.7%	66.7% #F1DF72	RGB 241 223 114	#F1DF72
83.3%	83.3% #F7EB77	RGB 247 235 119	#F7EB77
100.0%	100.0% #FEF77D	RGB 254 247 125	#FEF77D

#D7B05D #DDBB62 #E4C767 #EAD36D #F1DF72 #F7EB77 #FEF77D

#D7B05D - #FEF77D

HSV Blend

#D7B05D - #FEF77D | 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 #D7B05D as 0% and #FEF77D as 100%.

0.0%	0.0% #D7B05D	RGB 215 176 93	#D7B05D
16.7%	16.7% #DDBB62	RGB 221 187 98	#DDBB62
33.3%	33.3% #E4C767	RGB 228 199 103	#E4C767
50.0%	50.0% #EAD26C	RGB 234 210 108	#EAD26C
66.7%	66.7% #F1DE71	RGB 241 222 113	#F1DE71
83.3%	83.3% #F7EA77	RGB 247 234 119	#F7EA77
100.0%	100.0% #FEF77D	RGB 254 247 125	#FEF77D

#D7B05D #DDBB62 #E4C767 #EAD26C #F1DE71 #F7EA77 #FEF77D

#D7B05D - #EAD26C - #FEF77D

CSS codes

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

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