#D2D3D0 - #8DA080 | 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 #D2D3D0 to #8DA080

#D2D3D0 #8DA080

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

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

0.0%	0.0% #D2D3D0	RGB 210 211 208	#D2D3D0
16.7%	16.7% #C6CAC2	RGB 198 202 194	#C6CAC2
33.3%	33.3% #BBC2B5	RGB 187 194 181	#BBC2B5
50.0%	50.0% #AFB9A8	RGB 175 185 168	#AFB9A8
66.7%	66.7% #A4B19A	RGB 164 177 154	#A4B19A
83.3%	83.3% #98A88D	RGB 152 168 141	#98A88D
100.0%	100.0% #8DA080	RGB 141 160 128	#8DA080

#D2D3D0 #C6CAC2 #BBC2B5 #AFB9A8 #A4B19A #98A88D #8DA080

#D2D3D0 - #8DA080

HSV Blend

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

0.0%	0.0% #D2D3D0	RGB 210 211 208	#D2D3D0
16.7%	16.7% #C7CAC1	RGB 199 202 193	#C7CAC1
33.3%	33.3% #BBC2B3	RGB 187 194 179	#BBC2B3
50.0%	50.0% #B0B9A5	RGB 176 185 165	#B0B9A5
66.7%	66.7% #A4B198	RGB 164 177 152	#A4B198
83.3%	83.3% #98A88C	RGB 152 168 140	#98A88C
100.0%	100.0% #8DA080	RGB 141 160 128	#8DA080

#D2D3D0 #C7CAC1 #BBC2B3 #B0B9A5 #A4B198 #98A88C #8DA080

#D2D3D0 - #B0B9A5 - #8DA080

CSS codes

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

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