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

#A8C5AE #CDF6FF

Calculate the color between two colors, #A8C5AE 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)

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

0.0%	0.0% #A8C5AE	RGB 168 197 174	#A8C5AE
16.7%	16.7% #AECDBB	RGB 174 205 187	#AECDBB
33.3%	33.3% #B4D5C9	RGB 180 213 201	#B4D5C9
50.0%	50.0% #BADDD6	RGB 186 221 214	#BADDD6
66.7%	66.7% #C0E5E4	RGB 192 229 228	#C0E5E4
83.3%	83.3% #C6EDF1	RGB 198 237 241	#C6EDF1
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#A8C5AE #AECDBB #B4D5C9 #BADDD6 #C0E5E4 #C6EDF1 #CDF6FF

#A8C5AE - #CDF6FF

HSV Blend

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

0.0%	0.0% #A8C5AE	RGB 168 197 174	#A8C5AE
16.7%	16.7% #AECEBA	RGB 174 206 186	#AECEBA
33.3%	33.3% #B4D8C7	RGB 180 216 199	#B4D8C7
50.0%	50.0% #BBE2D6	RGB 187 226 214	#BBE2D6
66.7%	66.7% #C1EBE5	RGB 193 235 229	#C1EBE5
83.3%	83.3% #C7F4F5	RGB 199 244 245	#C7F4F5
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#A8C5AE #AECEBA #B4D8C7 #BBE2D6 #C1EBE5 #C7F4F5 #CDF6FF

#A8C5AE - #BBE2D6 - #CDF6FF

CSS codes

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

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