#FCFD5E - #D2D719 | 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 #FCFD5E to #D2D719

#FCFD5E #D2D719

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

#FCFD5E - #D2D719 | 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 #FCFD5E as 0% and #D2D719 as 100%.

0.0%	0.0% #FCFD5E	RGB 252 253 94	#FCFD5E
16.7%	16.7% #F5F652	RGB 245 246 82	#F5F652
33.3%	33.3% #EEF047	RGB 238 240 71	#EEF047
50.0%	50.0% #E7EA3B	RGB 231 234 59	#E7EA3B
66.7%	66.7% #E0E330	RGB 224 227 48	#E0E330
83.3%	83.3% #D9DD24	RGB 217 221 36	#D9DD24
100.0%	100.0% #D2D719	RGB 210 215 25	#D2D719

#FCFD5E #F5F652 #EEF047 #E7EA3B #E0E330 #D9DD24 #D2D719

#FCFD5E - #D2D719

HSV Blend

#FCFD5E - #D2D719 | 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 #FCFD5E as 0% and #D2D719 as 100%.

0.0%	0.0% #FCFD5E	RGB 252 253 94	#FCFD5E
16.7%	16.7% #F5F651	RGB 245 246 81	#F5F651
33.3%	33.3% #EEF044	RGB 238 240 68	#EEF044
50.0%	50.0% #E7EA39	RGB 231 234 57	#E7EA39
66.7%	66.7% #E0E32D	RGB 224 227 45	#E0E32D
83.3%	83.3% #D9DD23	RGB 217 221 35	#D9DD23
100.0%	100.0% #D2D719	RGB 210 215 25	#D2D719

#FCFD5E #F5F651 #EEF044 #E7EA39 #E0E32D #D9DD23 #D2D719

#FCFD5E - #E7EA39 - #D2D719

CSS codes

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

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