#A8C3AC - #CDF6FF | 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 #A8C3AC to #CDF6FF

#A8C3AC #CDF6FF

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

#A8C3AC - #CDF6FF | 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 #A8C3AC as 0% and #CDF6FF as 100%.

0.0%	0.0% #A8C3AC	RGB 168 195 172	#A8C3AC
16.7%	16.7% #AECBB9	RGB 174 203 185	#AECBB9
33.3%	33.3% #B4D4C7	RGB 180 212 199	#B4D4C7
50.0%	50.0% #BADCD5	RGB 186 220 213	#BADCD5
66.7%	66.7% #C0E5E3	RGB 192 229 227	#C0E5E3
83.3%	83.3% #C6EDF1	RGB 198 237 241	#C6EDF1
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#A8C3AC #AECBB9 #B4D4C7 #BADCD5 #C0E5E3 #C6EDF1 #CDF6FF

#A8C3AC - #CDF6FF

HSV Blend

#A8C3AC - #CDF6FF | 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 #A8C3AC as 0% and #CDF6FF as 100%.

0.0%	0.0% #A8C3AC	RGB 168 195 172	#A8C3AC
16.7%	16.7% #AECDB8	RGB 174 205 184	#AECDB8
33.3%	33.3% #B5D7C5	RGB 181 215 197	#B5D7C5
50.0%	50.0% #BBE1D4	RGB 187 225 212	#BBE1D4
66.7%	66.7% #C1EBE4	RGB 193 235 228	#C1EBE4
83.3%	83.3% #C7F4F5	RGB 199 244 245	#C7F4F5
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#A8C3AC #AECDB8 #B5D7C5 #BBE1D4 #C1EBE4 #C7F4F5 #CDF6FF

#A8C3AC - #BBE1D4 - #CDF6FF

CSS codes

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

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