#FEFFB2 - #D5E357 | 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 #FEFFB2 to #D5E357

#FEFFB2 #D5E357

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

#FEFFB2 - #D5E357 | 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 #FEFFB2 as 0% and #D5E357 as 100%.

0.0%	0.0% #FEFFB2	RGB 254 255 178	#FEFFB2
16.7%	16.7% #F7FAA2	RGB 247 250 162	#F7FAA2
33.3%	33.3% #F0F593	RGB 240 245 147	#F0F593
50.0%	50.0% #E9F184	RGB 233 241 132	#E9F184
66.7%	66.7% #E2EC75	RGB 226 236 117	#E2EC75
83.3%	83.3% #DBE766	RGB 219 231 102	#DBE766
100.0%	100.0% #D5E357	RGB 213 227 87	#D5E357

#FEFFB2 #F7FAA2 #F0F593 #E9F184 #E2EC75 #DBE766 #D5E357

#FEFFB2 - #D5E357

HSV Blend

#FEFFB2 - #D5E357 | 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 #FEFFB2 as 0% and #D5E357 as 100%.

0.0%	0.0% #FEFFB2	RGB 254 255 178	#FEFFB2
16.7%	16.7% #F7FAA1	RGB 247 250 161	#F7FAA1
33.3%	33.3% #F1F591	RGB 241 245 145	#F1F591
50.0%	50.0% #EAF182	RGB 234 241 130	#EAF182
66.7%	66.7% #E3EC73	RGB 227 236 115	#E3EC73
83.3%	83.3% #DCE764	RGB 220 231 100	#DCE764
100.0%	100.0% #D5E357	RGB 213 227 87	#D5E357

#FEFFB2 #F7FAA1 #F1F591 #EAF182 #E3EC73 #DCE764 #D5E357

#FEFFB2 - #EAF182 - #D5E357

CSS codes

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

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