#A8C5BE - #CDD8FF | 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 #A8C5BE to #CDD8FF

#A8C5BE #CDD8FF

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

#A8C5BE - #CDD8FF | 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 #A8C5BE as 0% and #CDD8FF as 100%.

0.0%	0.0% #A8C5BE	RGB 168 197 190	#A8C5BE
16.7%	16.7% #AEC8C8	RGB 174 200 200	#AEC8C8
33.3%	33.3% #B4CBD3	RGB 180 203 211	#B4CBD3
50.0%	50.0% #BACEDE	RGB 186 206 222	#BACEDE
66.7%	66.7% #C0D1E9	RGB 192 209 233	#C0D1E9
83.3%	83.3% #C6D4F4	RGB 198 212 244	#C6D4F4
100.0%	100.0% #CDD8FF	RGB 205 216 255	#CDD8FF

#A8C5BE #AEC8C8 #B4CBD3 #BACEDE #C0D1E9 #C6D4F4 #CDD8FF

#A8C5BE - #CDD8FF

HSV Blend

#A8C5BE - #CDD8FF | 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 #A8C5BE as 0% and #CDD8FF as 100%.

0.0%	0.0% #A8C5BE	RGB 168 197 190	#A8C5BE
16.7%	16.7% #AECECC	RGB 174 206 204	#AECECC
33.3%	33.3% #B4D4D8	RGB 180 212 216	#B4D4D8
50.0%	50.0% #BBD7E2	RGB 187 215 226	#BBD7E2
66.7%	66.7% #C1D9EB	RGB 193 217 235	#C1D9EB
83.3%	83.3% #C7D9F5	RGB 199 217 245	#C7D9F5
100.0%	100.0% #CDD8FF	RGB 205 216 255	#CDD8FF

#A8C5BE #AECECC #B4D4D8 #BBD7E2 #C1D9EB #C7D9F5 #CDD8FF

#A8C5BE - #BBD7E2 - #CDD8FF

CSS codes

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

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