#FAFFD3 - #CFDC7B | 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 #FAFFD3 to #CFDC7B

#FAFFD3 #CFDC7B

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

#FAFFD3 - #CFDC7B | 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 #FAFFD3 as 0% and #CFDC7B as 100%.

0.0%	0.0% #FAFFD3	RGB 250 255 211	#FAFFD3
16.7%	16.7% #F2F9C4	RGB 242 249 196	#F2F9C4
33.3%	33.3% #EBF3B5	RGB 235 243 181	#EBF3B5
50.0%	50.0% #E4EDA7	RGB 228 237 167	#E4EDA7
66.7%	66.7% #DDE798	RGB 221 231 152	#DDE798
83.3%	83.3% #D6E189	RGB 214 225 137	#D6E189
100.0%	100.0% #CFDC7B	RGB 207 220 123	#CFDC7B

#FAFFD3 #F2F9C4 #EBF3B5 #E4EDA7 #DDE798 #D6E189 #CFDC7B

#FAFFD3 - #CFDC7B

HSV Blend

#FAFFD3 - #CFDC7B | 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 #FAFFD3 as 0% and #CFDC7B as 100%.

0.0%	0.0% #FAFFD3	RGB 250 255 211	#FAFFD3
16.7%	16.7% #F2F9C3	RGB 242 249 195	#F2F9C3
33.3%	33.3% #EBF3B3	RGB 235 243 179	#EBF3B3
50.0%	50.0% #E4EDA4	RGB 228 237 164	#E4EDA4
66.7%	66.7% #DDE796	RGB 221 231 150	#DDE796
83.3%	83.3% #D6E188	RGB 214 225 136	#D6E188
100.0%	100.0% #CFDC7B	RGB 207 220 123	#CFDC7B

#FAFFD3 #F2F9C3 #EBF3B3 #E4EDA4 #DDE796 #D6E188 #CFDC7B

#FAFFD3 - #E4EDA4 - #CFDC7B

CSS codes

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

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