#A6C8C5 - #CDDFBB | 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 #A6C8C5 to #CDDFBB

#A6C8C5 #CDDFBB

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

#A6C8C5 - #CDDFBB | 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 #A6C8C5 as 0% and #CDDFBB as 100%.

0.0%	0.0% #A6C8C5	RGB 166 200 197	#A6C8C5
16.7%	16.7% #ACCBC3	RGB 172 203 195	#ACCBC3
33.3%	33.3% #B3CFC1	RGB 179 207 193	#B3CFC1
50.0%	50.0% #B9D3C0	RGB 185 211 192	#B9D3C0
66.7%	66.7% #C0D7BE	RGB 192 215 190	#C0D7BE
83.3%	83.3% #C6DBBC	RGB 198 219 188	#C6DBBC
100.0%	100.0% #CDDFBB	RGB 205 223 187	#CDDFBB

#A6C8C5 #ACCBC3 #B3CFC1 #B9D3C0 #C0D7BE #C6DBBC #CDDFBB

#A6C8C5 - #CDDFBB

HSV Blend

#A6C8C5 - #CDDFBB | 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 #A6C8C5 as 0% and #CDDFBB as 100%.

0.0%	0.0% #A6C8C5	RGB 166 200 197	#A6C8C5
16.7%	16.7% #A9CBC0	RGB 169 203 192	#A9CBC0
33.3%	33.3% #ACCFBC	RGB 172 207 188	#ACCFBC
50.0%	50.0% #B0D3B7	RGB 176 211 183	#B0D3B7
66.7%	66.7% #B4D7B3	RGB 180 215 179	#B4D7B3
83.3%	83.3% #C0DBB7	RGB 192 219 183	#C0DBB7
100.0%	100.0% #CDDFBB	RGB 205 223 187	#CDDFBB

#A6C8C5 #A9CBC0 #ACCFBC #B0D3B7 #B4D7B3 #C0DBB7 #CDDFBB

#A6C8C5 - #B0D3B7 - #CDDFBB

CSS codes

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

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