#ABC3C0 - #CBDEBA | 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 #ABC3C0 to #CBDEBA

#ABC3C0 #CBDEBA

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

#ABC3C0 - #CBDEBA | 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 #ABC3C0 as 0% and #CBDEBA as 100%.

0.0%	0.0% #ABC3C0	RGB 171 195 192	#ABC3C0
16.7%	16.7% #B0C7BF	RGB 176 199 191	#B0C7BF
33.3%	33.3% #B5CCBE	RGB 181 204 190	#B5CCBE
50.0%	50.0% #BBD0BD	RGB 187 208 189	#BBD0BD
66.7%	66.7% #C0D5BC	RGB 192 213 188	#C0D5BC
83.3%	83.3% #C5D9BB	RGB 197 217 187	#C5D9BB
100.0%	100.0% #CBDEBA	RGB 203 222 186	#CBDEBA

#ABC3C0 #B0C7BF #B5CCBE #BBD0BD #C0D5BC #C5D9BB #CBDEBA

#ABC3C0 - #CBDEBA

HSV Blend

#ABC3C0 - #CBDEBA | 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 #ABC3C0 as 0% and #CBDEBA as 100%.

0.0%	0.0% #ABC3C0	RGB 171 195 192	#ABC3C0
16.7%	16.7% #ADC7BE	RGB 173 199 190	#ADC7BE
33.3%	33.3% #B0CCBC	RGB 176 204 188	#B0CCBC
50.0%	50.0% #B2D0B8	RGB 178 208 184	#B2D0B8
66.7%	66.7% #B5D5B5	RGB 181 213 181	#B5D5B5
83.3%	83.3% #C0D9B7	RGB 192 217 183	#C0D9B7
100.0%	100.0% #CBDEBA	RGB 203 222 186	#CBDEBA

#ABC3C0 #ADC7BE #B0CCBC #B2D0B8 #B5D5B5 #C0D9B7 #CBDEBA

#ABC3C0 - #B2D0B8 - #CBDEBA

CSS codes

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

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