#A8CFCF - #CCE0C0 | 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 #A8CFCF to #CCE0C0

#A8CFCF #CCE0C0

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

#A8CFCF - #CCE0C0 | 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 #A8CFCF as 0% and #CCE0C0 as 100%.

0.0%	0.0% #A8CFCF	RGB 168 207 207	#A8CFCF
16.7%	16.7% #AED1CC	RGB 174 209 204	#AED1CC
33.3%	33.3% #B4D4CA	RGB 180 212 202	#B4D4CA
50.0%	50.0% #BAD7C7	RGB 186 215 199	#BAD7C7
66.7%	66.7% #C0DAC5	RGB 192 218 197	#C0DAC5
83.3%	83.3% #C6DDC2	RGB 198 221 194	#C6DDC2
100.0%	100.0% #CCE0C0	RGB 204 224 192	#CCE0C0

#A8CFCF #AED1CC #B4D4CA #BAD7C7 #C0DAC5 #C6DDC2 #CCE0C0

#A8CFCF - #CCE0C0

HSV Blend

#A8CFCF - #CCE0C0 | 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 #A8CFCF as 0% and #CCE0C0 as 100%.

0.0%	0.0% #A8CFCF	RGB 168 207 207	#A8CFCF
16.7%	16.7% #ABD1C9	RGB 171 209 201	#ABD1C9
33.3%	33.3% #AFD4C3	RGB 175 212 195	#AFD4C3
50.0%	50.0% #B3D7BE	RGB 179 215 190	#B3D7BE
66.7%	66.7% #B7DABA	RGB 183 218 186	#B7DABA
83.3%	83.3% #C0DDBB	RGB 192 221 187	#C0DDBB
100.0%	100.0% #CCE0C0	RGB 204 224 192	#CCE0C0

#A8CFCF #ABD1C9 #AFD4C3 #B3D7BE #B7DABA #C0DDBB #CCE0C0

#A8CFCF - #B3D7BE - #CCE0C0

CSS codes

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

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