#EFFA8B - #FAFDDD | 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 #EFFA8B to #FAFDDD

#EFFA8B #FAFDDD

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

#EFFA8B - #FAFDDD | 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 #EFFA8B as 0% and #FAFDDD as 100%.

0.0%	0.0% #EFFA8B	RGB 239 250 139	#EFFA8B
16.7%	16.7% #F0FA98	RGB 240 250 152	#F0FA98
33.3%	33.3% #F2FBA6	RGB 242 251 166	#F2FBA6
50.0%	50.0% #F4FBB4	RGB 244 251 180	#F4FBB4
66.7%	66.7% #F6FCC1	RGB 246 252 193	#F6FCC1
83.3%	83.3% #F8FCCF	RGB 248 252 207	#F8FCCF
100.0%	100.0% #FAFDDD	RGB 250 253 221	#FAFDDD

#EFFA8B #F0FA98 #F2FBA6 #F4FBB4 #F6FCC1 #F8FCCF #FAFDDD

#EFFA8B - #FAFDDD

HSV Blend

#EFFA8B - #FAFDDD | 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 #EFFA8B as 0% and #FAFDDD as 100%.

0.0%	0.0% #EFFA8B	RGB 239 250 139	#EFFA8B
16.7%	16.7% #F0FA98	RGB 240 250 152	#F0FA98
33.3%	33.3% #F2FBA6	RGB 242 251 166	#F2FBA6
50.0%	50.0% #F4FBB3	RGB 244 251 179	#F4FBB3
66.7%	66.7% #F6FCC1	RGB 246 252 193	#F6FCC1
83.3%	83.3% #F8FCCF	RGB 248 252 207	#F8FCCF
100.0%	100.0% #FAFDDD	RGB 250 253 221	#FAFDDD

#EFFA8B #F0FA98 #F2FBA6 #F4FBB3 #F6FCC1 #F8FCCF #FAFDDD

#EFFA8B - #F4FBB3 - #FAFDDD

CSS codes

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

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