#A8DEDF - #C3FFB2 | 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 #A8DEDF to #C3FFB2

#A8DEDF #C3FFB2

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

#A8DEDF - #C3FFB2 | 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 #A8DEDF as 0% and #C3FFB2 as 100%.

0.0%	0.0% #A8DEDF	RGB 168 222 223	#A8DEDF
16.7%	16.7% #ACE3D7	RGB 172 227 215	#ACE3D7
33.3%	33.3% #B1E9D0	RGB 177 233 208	#B1E9D0
50.0%	50.0% #B5EEC8	RGB 181 238 200	#B5EEC8
66.7%	66.7% #BAF4C1	RGB 186 244 193	#BAF4C1
83.3%	83.3% #BEF9B9	RGB 190 249 185	#BEF9B9
100.0%	100.0% #C3FFB2	RGB 195 255 178	#C3FFB2

#A8DEDF #ACE3D7 #B1E9D0 #B5EEC8 #BAF4C1 #BEF9B9 #C3FFB2

#A8DEDF - #C3FFB2

HSV Blend

#A8DEDF - #C3FFB2 | 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 #A8DEDF as 0% and #C3FFB2 as 100%.

0.0%	0.0% #A8DEDF	RGB 168 222 223	#A8DEDF
16.7%	16.7% #A9E4D9	RGB 169 228 217	#A9E4D9
33.3%	33.3% #ABE9D1	RGB 171 233 209	#ABE9D1
50.0%	50.0% #ADEFC7	RGB 173 239 199	#ADEFC7
66.7%	66.7% #AFF4BC	RGB 175 244 188	#AFF4BC
83.3%	83.3% #B1F9B0	RGB 177 249 176	#B1F9B0
100.0%	100.0% #C3FFB2	RGB 195 255 178	#C3FFB2

#A8DEDF #A9E4D9 #ABE9D1 #ADEFC7 #AFF4BC #B1F9B0 #C3FFB2

#A8DEDF - #ADEFC7 - #C3FFB2

CSS codes

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

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