#A8F0F0 - #D7E2CC | 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 #A8F0F0 to #D7E2CC

#A8F0F0 #D7E2CC

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

#A8F0F0 - #D7E2CC | 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 #A8F0F0 as 0% and #D7E2CC as 100%.

0.0%	0.0% #A8F0F0	RGB 168 240 240	#A8F0F0
16.7%	16.7% #AFEDEA	RGB 175 237 234	#AFEDEA
33.3%	33.3% #B7EBE4	RGB 183 235 228	#B7EBE4
50.0%	50.0% #BFE9DE	RGB 191 233 222	#BFE9DE
66.7%	66.7% #C7E6D8	RGB 199 230 216	#C7E6D8
83.3%	83.3% #CFE4D2	RGB 207 228 210	#CFE4D2
100.0%	100.0% #D7E2CC	RGB 215 226 204	#D7E2CC

#A8F0F0 #AFEDEA #B7EBE4 #BFE9DE #C7E6D8 #CFE4D2 #D7E2CC

#A8F0F0 - #D7E2CC

HSV Blend

#A8F0F0 - #D7E2CC | 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 #A8F0F0 as 0% and #D7E2CC as 100%.

0.0%	0.0% #A8F0F0	RGB 168 240 240	#A8F0F0
16.7%	16.7% #AEEDDD	RGB 174 237 221	#AEEDDD
33.3%	33.3% #B4EBCF	RGB 180 235 207	#B4EBCF
50.0%	50.0% #BAE9C6	RGB 186 233 198	#BAE9C6
66.7%	66.7% #C0E6C0	RGB 192 230 192	#C0E6C0
83.3%	83.3% #CDE4C6	RGB 205 228 198	#CDE4C6
100.0%	100.0% #D7E2CC	RGB 215 226 204	#D7E2CC

#A8F0F0 #AEEDDD #B4EBCF #BAE9C6 #C0E6C0 #CDE4C6 #D7E2CC

#A8F0F0 - #BAE9C6 - #D7E2CC

CSS codes

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

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