#DCDF5C - #FAF495 | 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 #DCDF5C to #FAF495

#DCDF5C #FAF495

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

#DCDF5C - #FAF495 | 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 #DCDF5C as 0% and #FAF495 as 100%.

0.0%	0.0% #DCDF5C	RGB 220 223 92	#DCDF5C
16.7%	16.7% #E1E265	RGB 225 226 101	#E1E265
33.3%	33.3% #E6E66F	RGB 230 230 111	#E6E66F
50.0%	50.0% #EBE978	RGB 235 233 120	#EBE978
66.7%	66.7% #F0ED82	RGB 240 237 130	#F0ED82
83.3%	83.3% #F5F08B	RGB 245 240 139	#F5F08B
100.0%	100.0% #FAF495	RGB 250 244 149	#FAF495

#DCDF5C #E1E265 #E6E66F #EBE978 #F0ED82 #F5F08B #FAF495

#DCDF5C - #FAF495

HSV Blend

#DCDF5C - #FAF495 | 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 #DCDF5C as 0% and #FAF495 as 100%.

0.0%	0.0% #DCDF5C	RGB 220 223 92	#DCDF5C
16.7%	16.7% #E2E364	RGB 226 227 100	#E2E364
33.3%	33.3% #E8E76D	RGB 232 231 109	#E8E76D
50.0%	50.0% #ECEA77	RGB 236 234 119	#ECEA77
66.7%	66.7% #F1ED80	RGB 241 237 128	#F1ED80
83.3%	83.3% #F5F08A	RGB 245 240 138	#F5F08A
100.0%	100.0% #FAF495	RGB 250 244 149	#FAF495

#DCDF5C #E2E364 #E8E76D #ECEA77 #F1ED80 #F5F08A #FAF495

#DCDF5C - #ECEA77 - #FAF495

CSS codes

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

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