#A8D6EE - #CEE5C6 | 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 #A8D6EE to #CEE5C6

#A8D6EE #CEE5C6

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

#A8D6EE - #CEE5C6 | 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 #A8D6EE as 0% and #CEE5C6 as 100%.

0.0%	0.0% #A8D6EE	RGB 168 214 238	#A8D6EE
16.7%	16.7% #AED8E7	RGB 174 216 231	#AED8E7
33.3%	33.3% #B4DBE0	RGB 180 219 224	#B4DBE0
50.0%	50.0% #BBDDDA	RGB 187 221 218	#BBDDDA
66.7%	66.7% #C1E0D3	RGB 193 224 211	#C1E0D3
83.3%	83.3% #C7E2CC	RGB 199 226 204	#C7E2CC
100.0%	100.0% #CEE5C6	RGB 206 229 198	#CEE5C6

#A8D6EE #AED8E7 #B4DBE0 #BBDDDA #C1E0D3 #C7E2CC #CEE5C6

#A8D6EE - #CEE5C6

HSV Blend

#A8D6EE - #CEE5C6 | 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 #A8D6EE as 0% and #CEE5C6 as 100%.

0.0%	0.0% #A8D6EE	RGB 168 214 238	#A8D6EE
16.7%	16.7% #ADE7EC	RGB 173 231 236	#ADE7EC
33.3%	33.3% #B2EBE0	RGB 178 235 224	#B2EBE0
50.0%	50.0% #B7E9D2	RGB 183 233 210	#B7E9D2
66.7%	66.7% #BCE8C8	RGB 188 232 200	#BCE8C8
83.3%	83.3% #C1E6C1	RGB 193 230 193	#C1E6C1
100.0%	100.0% #CEE5C6	RGB 206 229 198	#CEE5C6

#A8D6EE #ADE7EC #B2EBE0 #B7E9D2 #BCE8C8 #C1E6C1 #CEE5C6

#A8D6EE - #B7E9D2 - #CEE5C6

CSS codes

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

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