#A8D8D6 - #BEFAD1 | 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 #A8D8D6 to #BEFAD1

#A8D8D6 #BEFAD1

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

#A8D8D6 - #BEFAD1 | 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 #A8D8D6 as 0% and #BEFAD1 as 100%.

0.0%	0.0% #A8D8D6	RGB 168 216 214	#A8D8D6
16.7%	16.7% #ABDDD5	RGB 171 221 213	#ABDDD5
33.3%	33.3% #AFE3D4	RGB 175 227 212	#AFE3D4
50.0%	50.0% #B3E9D3	RGB 179 233 211	#B3E9D3
66.7%	66.7% #B6EED2	RGB 182 238 210	#B6EED2
83.3%	83.3% #BAF4D1	RGB 186 244 209	#BAF4D1
100.0%	100.0% #BEFAD1	RGB 190 250 209	#BEFAD1

#A8D8D6 #ABDDD5 #AFE3D4 #B3E9D3 #B6EED2 #BAF4D1 #BEFAD1

#A8D8D6 - #BEFAD1

HSV Blend

#A8D8D6 - #BEFAD1 | 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 #A8D8D6 as 0% and #BEFAD1 as 100%.

0.0%	0.0% #A8D8D6	RGB 168 216 214	#A8D8D6
16.7%	16.7% #ABDDD6	RGB 171 221 214	#ABDDD6
33.3%	33.3% #AFE3D6	RGB 175 227 214	#AFE3D6
50.0%	50.0% #B3E9D5	RGB 179 233 213	#B3E9D5
66.7%	66.7% #B6EED4	RGB 182 238 212	#B6EED4
83.3%	83.3% #BAF4D2	RGB 186 244 210	#BAF4D2
100.0%	100.0% #BEFAD1	RGB 190 250 209	#BEFAD1

#A8D8D6 #ABDDD6 #AFE3D6 #B3E9D5 #B6EED4 #BAF4D2 #BEFAD1

#A8D8D6 - #B3E9D5 - #BEFAD1

CSS codes

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

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