#A8D0D0 - #CDE0C0 | 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 #A8D0D0 to #CDE0C0

#A8D0D0 #CDE0C0

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

#A8D0D0 - #CDE0C0 | 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 #A8D0D0 as 0% and #CDE0C0 as 100%.

0.0%	0.0% #A8D0D0	RGB 168 208 208	#A8D0D0
16.7%	16.7% #AED2CD	RGB 174 210 205	#AED2CD
33.3%	33.3% #B4D5CA	RGB 180 213 202	#B4D5CA
50.0%	50.0% #BAD8C8	RGB 186 216 200	#BAD8C8
66.7%	66.7% #C0DAC5	RGB 192 218 197	#C0DAC5
83.3%	83.3% #C6DDC2	RGB 198 221 194	#C6DDC2
100.0%	100.0% #CDE0C0	RGB 205 224 192	#CDE0C0

#A8D0D0 #AED2CD #B4D5CA #BAD8C8 #C0DAC5 #C6DDC2 #CDE0C0

#A8D0D0 - #CDE0C0

HSV Blend

#A8D0D0 - #CDE0C0 | 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 #A8D0D0 as 0% and #CDE0C0 as 100%.

0.0%	0.0% #A8D0D0	RGB 168 208 208	#A8D0D0
16.7%	16.7% #ABD2C9	RGB 171 210 201	#ABD2C9
33.3%	33.3% #AFD5C3	RGB 175 213 195	#AFD5C3
50.0%	50.0% #B3D8BE	RGB 179 216 190	#B3D8BE
66.7%	66.7% #B7DABA	RGB 183 218 186	#B7DABA
83.3%	83.3% #C1DDBB	RGB 193 221 187	#C1DDBB
100.0%	100.0% #CDE0C0	RGB 205 224 192	#CDE0C0

#A8D0D0 #ABD2C9 #AFD5C3 #B3D8BE #B7DABA #C1DDBB #CDE0C0

#A8D0D0 - #B3D8BE - #CDE0C0

CSS codes

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

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