#ABCBC1 - #CBF0FF | 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 #ABCBC1 to #CBF0FF

#ABCBC1 #CBF0FF

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

#ABCBC1 - #CBF0FF | 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 #ABCBC1 as 0% and #CBF0FF as 100%.

0.0%	0.0% #ABCBC1	RGB 171 203 193	#ABCBC1
16.7%	16.7% #B0D1CB	RGB 176 209 203	#B0D1CB
33.3%	33.3% #B5D7D5	RGB 181 215 213	#B5D7D5
50.0%	50.0% #BBDDE0	RGB 187 221 224	#BBDDE0
66.7%	66.7% #C0E3EA	RGB 192 227 234	#C0E3EA
83.3%	83.3% #C5E9F4	RGB 197 233 244	#C5E9F4
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#ABCBC1 #B0D1CB #B5D7D5 #BBDDE0 #C0E3EA #C5E9F4 #CBF0FF

#ABCBC1 - #CBF0FF

HSV Blend

#ABCBC1 - #CBF0FF | 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 #ABCBC1 as 0% and #CBF0FF as 100%.

0.0%	0.0% #ABCBC1	RGB 171 203 193	#ABCBC1
16.7%	16.7% #B0D3CC	RGB 176 211 204	#B0D3CC
33.3%	33.3% #B6DCD8	RGB 182 220 216	#B6DCD8
50.0%	50.0% #BBE5E4	RGB 187 229 228	#BBE5E4
66.7%	66.7% #C0E9ED	RGB 192 233 237	#C0E9ED
83.3%	83.3% #C6EDF6	RGB 198 237 246	#C6EDF6
100.0%	100.0% #CBF0FF	RGB 203 240 255	#CBF0FF

#ABCBC1 #B0D3CC #B6DCD8 #BBE5E4 #C0E9ED #C6EDF6 #CBF0FF

#ABCBC1 - #BBE5E4 - #CBF0FF

CSS codes

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

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