#EBFDFB - #9CB2D1 | 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 #EBFDFB to #9CB2D1

#EBFDFB #9CB2D1

Calculate the color between two colors, #EBFDFB and #9CB2D1. 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)

#EBFDFB - #9CB2D1 | 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 #EBFDFB as 0% and #9CB2D1 as 100%.

0.0%	0.0% #EBFDFB	RGB 235 253 251	#EBFDFB
16.7%	16.7% #DDF0F4	RGB 221 240 244	#DDF0F4
33.3%	33.3% #D0E4ED	RGB 208 228 237	#D0E4ED
50.0%	50.0% #C3D7E6	RGB 195 215 230	#C3D7E6
66.7%	66.7% #B6CBDF	RGB 182 203 223	#B6CBDF
83.3%	83.3% #A9BED8	RGB 169 190 216	#A9BED8
100.0%	100.0% #9CB2D1	RGB 156 178 209	#9CB2D1

#EBFDFB #DDF0F4 #D0E4ED #C3D7E6 #B6CBDF #A9BED8 #9CB2D1

#EBFDFB - #9CB2D1

HSV Blend

#EBFDFB - #9CB2D1 | 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 #EBFDFB as 0% and #9CB2D1 as 100%.

0.0%	0.0% #EBFDFB	RGB 235 253 251	#EBFDFB
16.7%	16.7% #DCF5F5	RGB 220 245 245	#DCF5F5
33.3%	33.3% #CEEAEE	RGB 206 234 238	#CEEAEE
50.0%	50.0% #C1DEE7	RGB 193 222 231	#C1DEE7
66.7%	66.7% #B4D0DF	RGB 180 208 223	#B4D0DF
83.3%	83.3% #A8C1D8	RGB 168 193 216	#A8C1D8
100.0%	100.0% #9CB2D1	RGB 156 178 209	#9CB2D1

#EBFDFB #DCF5F5 #CEEAEE #C1DEE7 #B4D0DF #A8C1D8 #9CB2D1

#EBFDFB - #C1DEE7 - #9CB2D1

CSS codes

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

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