#ABC8C8 - #CADFBD | 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 #ABC8C8 to #CADFBD

#ABC8C8 #CADFBD

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

#ABC8C8 - #CADFBD | 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 #ABC8C8 as 0% and #CADFBD as 100%.

0.0%	0.0% #ABC8C8	RGB 171 200 200	#ABC8C8
16.7%	16.7% #B0CBC6	RGB 176 203 198	#B0CBC6
33.3%	33.3% #B5CFC4	RGB 181 207 196	#B5CFC4
50.0%	50.0% #BAD3C2	RGB 186 211 194	#BAD3C2
66.7%	66.7% #BFD7C0	RGB 191 215 192	#BFD7C0
83.3%	83.3% #C4DBBE	RGB 196 219 190	#C4DBBE
100.0%	100.0% #CADFBD	RGB 202 223 189	#CADFBD

#ABC8C8 #B0CBC6 #B5CFC4 #BAD3C2 #BFD7C0 #C4DBBE #CADFBD

#ABC8C8 - #CADFBD

HSV Blend

#ABC8C8 - #CADFBD | 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 #ABC8C8 as 0% and #CADFBD as 100%.

0.0%	0.0% #ABC8C8	RGB 171 200 200	#ABC8C8
16.7%	16.7% #AECBC4	RGB 174 203 196	#AECBC4
33.3%	33.3% #B1CFC1	RGB 177 207 193	#B1CFC1
50.0%	50.0% #B4D3BD	RGB 180 211 189	#B4D3BD
66.7%	66.7% #B7D7B9	RGB 183 215 185	#B7D7B9
83.3%	83.3% #BFDBBA	RGB 191 219 186	#BFDBBA
100.0%	100.0% #CADFBD	RGB 202 223 189	#CADFBD

#ABC8C8 #AECBC4 #B1CFC1 #B4D3BD #B7D7B9 #BFDBBA #CADFBD

#ABC8C8 - #B4D3BD - #CADFBD

CSS codes

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

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