#DEE4A8 - #AAB548 | 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 #DEE4A8 to #AAB548

#DEE4A8 #AAB548

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

#DEE4A8 - #AAB548 | 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 #DEE4A8 as 0% and #AAB548 as 100%.

0.0%	0.0% #DEE4A8	RGB 222 228 168	#DEE4A8
16.7%	16.7% #D5DC98	RGB 213 220 152	#D5DC98
33.3%	33.3% #CCD488	RGB 204 212 136	#CCD488
50.0%	50.0% #C4CC78	RGB 196 204 120	#C4CC78
66.7%	66.7% #BBC468	RGB 187 196 104	#BBC468
83.3%	83.3% #B2BC58	RGB 178 188 88	#B2BC58
100.0%	100.0% #AAB548	RGB 170 181 72	#AAB548

#DEE4A8 #D5DC98 #CCD488 #C4CC78 #BBC468 #B2BC58 #AAB548

#DEE4A8 - #AAB548

HSV Blend

#DEE4A8 - #AAB548 | 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 #DEE4A8 as 0% and #AAB548 as 100%.

0.0%	0.0% #DEE4A8	RGB 222 228 168	#DEE4A8
16.7%	16.7% #D5DC95	RGB 213 220 149	#D5DC95
33.3%	33.3% #CCD484	RGB 204 212 132	#CCD484
50.0%	50.0% #C3CC74	RGB 195 204 116	#C3CC74
66.7%	66.7% #BAC464	RGB 186 196 100	#BAC464
83.3%	83.3% #B2BC55	RGB 178 188 85	#B2BC55
100.0%	100.0% #AAB548	RGB 170 181 72	#AAB548

#DEE4A8 #D5DC95 #CCD484 #C3CC74 #BAC464 #B2BC55 #AAB548

#DEE4A8 - #C3CC74 - #AAB548

CSS codes

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

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