#A8C2B0 - #D4E1B6 | 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 #A8C2B0 to #D4E1B6

#A8C2B0 #D4E1B6

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

#A8C2B0 - #D4E1B6 | 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 #A8C2B0 as 0% and #D4E1B6 as 100%.

0.0%	0.0% #A8C2B0	RGB 168 194 176	#A8C2B0
16.7%	16.7% #AFC7B1	RGB 175 199 177	#AFC7B1
33.3%	33.3% #B6CCB2	RGB 182 204 178	#B6CCB2
50.0%	50.0% #BED1B3	RGB 190 209 179	#BED1B3
66.7%	66.7% #C5D6B4	RGB 197 214 180	#C5D6B4
83.3%	83.3% #CCDBB5	RGB 204 219 181	#CCDBB5
100.0%	100.0% #D4E1B6	RGB 212 225 182	#D4E1B6

#A8C2B0 #AFC7B1 #B6CCB2 #BED1B3 #C5D6B4 #CCDBB5 #D4E1B6

#A8C2B0 - #D4E1B6

HSV Blend

#A8C2B0 - #D4E1B6 | 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 #A8C2B0 as 0% and #D4E1B6 as 100%.

0.0%	0.0% #A8C2B0	RGB 168 194 176	#A8C2B0
16.7%	16.7% #AAC7AE	RGB 170 199 174	#AAC7AE
33.3%	33.3% #ADCCAD	RGB 173 204 173	#ADCCAD
50.0%	50.0% #B6D1AF	RGB 182 209 175	#B6D1AF
66.7%	66.7% #BFD6B1	RGB 191 214 177	#BFD6B1
83.3%	83.3% #C9DBB3	RGB 201 219 179	#C9DBB3
100.0%	100.0% #D4E1B6	RGB 212 225 182	#D4E1B6

#A8C2B0 #AAC7AE #ADCCAD #B6D1AF #BFD6B1 #C9DBB3 #D4E1B6

#A8C2B0 - #B6D1AF - #D4E1B6

CSS codes

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

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