#D2D4D0 - #8AA480 | 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 #D2D4D0 to #8AA480

#D2D4D0 #8AA480

Calculate the color between two colors, #D2D4D0 and #8AA480. 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)

#D2D4D0 - #8AA480 | 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 #D2D4D0 as 0% and #8AA480 as 100%.

0.0%	0.0% #D2D4D0	RGB 210 212 208	#D2D4D0
16.7%	16.7% #C6CCC2	RGB 198 204 194	#C6CCC2
33.3%	33.3% #BAC4B5	RGB 186 196 181	#BAC4B5
50.0%	50.0% #AEBCA8	RGB 174 188 168	#AEBCA8
66.7%	66.7% #A2B49A	RGB 162 180 154	#A2B49A
83.3%	83.3% #96AC8D	RGB 150 172 141	#96AC8D
100.0%	100.0% #8AA480	RGB 138 164 128	#8AA480

#D2D4D0 #C6CCC2 #BAC4B5 #AEBCA8 #A2B49A #96AC8D #8AA480

#D2D4D0 - #8AA480

HSV Blend

#D2D4D0 - #8AA480 | 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 #D2D4D0 as 0% and #8AA480 as 100%.

0.0%	0.0% #D2D4D0	RGB 210 212 208	#D2D4D0
16.7%	16.7% #C6CCC1	RGB 198 204 193	#C6CCC1
33.3%	33.3% #BAC4B3	RGB 186 196 179	#BAC4B3
50.0%	50.0% #AEBCA5	RGB 174 188 165	#AEBCA5
66.7%	66.7% #A2B498	RGB 162 180 152	#A2B498
83.3%	83.3% #96AC8B	RGB 150 172 139	#96AC8B
100.0%	100.0% #8AA480	RGB 138 164 128	#8AA480

#D2D4D0 #C6CCC1 #BAC4B3 #AEBCA5 #A2B498 #96AC8B #8AA480

#D2D4D0 - #AEBCA5 - #8AA480

CSS codes

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

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