#DAD187 - #F2FFA8 | 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 #DAD187 to #F2FFA8

#DAD187 #F2FFA8

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

#DAD187 - #F2FFA8 | 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 #DAD187 as 0% and #F2FFA8 as 100%.

0.0%	0.0% #DAD187	RGB 218 209 135	#DAD187
16.7%	16.7% #DED88C	RGB 222 216 140	#DED88C
33.3%	33.3% #E2E092	RGB 226 224 146	#E2E092
50.0%	50.0% #E6E897	RGB 230 232 151	#E6E897
66.7%	66.7% #EAEF9D	RGB 234 239 157	#EAEF9D
83.3%	83.3% #EEF7A2	RGB 238 247 162	#EEF7A2
100.0%	100.0% #F2FFA8	RGB 242 255 168	#F2FFA8

#DAD187 #DED88C #E2E092 #E6E897 #EAEF9D #EEF7A2 #F2FFA8

#DAD187 - #F2FFA8

HSV Blend

#DAD187 - #F2FFA8 | 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 #DAD187 as 0% and #F2FFA8 as 100%.

0.0%	0.0% #DAD187	RGB 218 209 135	#DAD187
16.7%	16.7% #E0DA8C	RGB 224 218 140	#E0DA8C
33.3%	33.3% #E6E491	RGB 230 228 145	#E6E491
50.0%	50.0% #EAEC97	RGB 234 236 151	#EAEC97
66.7%	66.7% #EDF29C	RGB 237 242 156	#EDF29C
83.3%	83.3% #EFF8A2	RGB 239 248 162	#EFF8A2
100.0%	100.0% #F2FFA8	RGB 242 255 168	#F2FFA8

#DAD187 #E0DA8C #E6E491 #EAEC97 #EDF29C #EFF8A2 #F2FFA8

#DAD187 - #EAEC97 - #F2FFA8

CSS codes

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

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