#A8D0B8 - #DBE4BA | 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 #A8D0B8 to #DBE4BA

#A8D0B8 #DBE4BA

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

#A8D0B8 - #DBE4BA | 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 #A8D0B8 as 0% and #DBE4BA as 100%.

0.0%	0.0% #A8D0B8	RGB 168 208 184	#A8D0B8
16.7%	16.7% #B0D3B8	RGB 176 211 184	#B0D3B8
33.3%	33.3% #B9D6B8	RGB 185 214 184	#B9D6B8
50.0%	50.0% #C1DAB9	RGB 193 218 185	#C1DAB9
66.7%	66.7% #CADDB9	RGB 202 221 185	#CADDB9
83.3%	83.3% #D2E0B9	RGB 210 224 185	#D2E0B9
100.0%	100.0% #DBE4BA	RGB 219 228 186	#DBE4BA

#A8D0B8 #B0D3B8 #B9D6B8 #C1DAB9 #CADDB9 #D2E0B9 #DBE4BA

#A8D0B8 - #DBE4BA

HSV Blend

#A8D0B8 - #DBE4BA | 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 #A8D0B8 as 0% and #DBE4BA as 100%.

0.0%	0.0% #A8D0B8	RGB 168 208 184	#A8D0B8
16.7%	16.7% #AAD3B3	RGB 170 211 179	#AAD3B3
33.3%	33.3% #ADD6AE	RGB 173 214 174	#ADD6AE
50.0%	50.0% #B8DAB0	RGB 184 218 176	#B8DAB0
66.7%	66.7% #C4DDB3	RGB 196 221 179	#C4DDB3
83.3%	83.3% #CFE0B6	RGB 207 224 182	#CFE0B6
100.0%	100.0% #DBE4BA	RGB 219 228 186	#DBE4BA

#A8D0B8 #AAD3B3 #ADD6AE #B8DAB0 #C4DDB3 #CFE0B6 #DBE4BA

#A8D0B8 - #B8DAB0 - #DBE4BA

CSS codes

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

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