#1BADFF - #DCFBCC | 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 #1BADFF to #DCFBCC

#1BADFF #DCFBCC

Calculate the color between two colors, #1BADFF and #DCFBCC. 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)

#1BADFF - #DCFBCC | 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 #1BADFF as 0% and #DCFBCC as 100%.

0.0%	0.0% #1BADFF	RGB 27 173 255	#1BADFF
16.7%	16.7% #3BBAF6	RGB 59 186 246	#3BBAF6
33.3%	33.3% #5BC7EE	RGB 91 199 238	#5BC7EE
50.0%	50.0% #7BD4E5	RGB 123 212 229	#7BD4E5
66.7%	66.7% #9BE1DD	RGB 155 225 221	#9BE1DD
83.3%	83.3% #BBEED4	RGB 187 238 212	#BBEED4
100.0%	100.0% #DCFBCC	RGB 220 251 204	#DCFBCC

#1BADFF #3BBAF6 #5BC7EE #7BD4E5 #9BE1DD #BBEED4 #DCFBCC

#1BADFF - #DCFBCC

HSV Blend

#1BADFF - #DCFBCC | 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 #1BADFF as 0% and #DCFBCC as 100%.

0.0%	0.0% #1AACFF	RGB 26 172 255	#1AACFF
16.7%	16.7% #38EFFE	RGB 56 239 254	#38EFFE
33.3%	33.3% #56FDDB	RGB 86 253 219	#56FDDB
50.0%	50.0% #74FDB9	RGB 116 253 185	#74FDB9
66.7%	66.7% #91FCA9	RGB 145 252 169	#91FCA9
83.3%	83.3% #B3FBAE	RGB 179 251 174	#B3FBAE
100.0%	100.0% #DCFBCC	RGB 220 251 204	#DCFBCC

#1AACFF #38EFFE #56FDDB #74FDB9 #91FCA9 #B3FBAE #DCFBCC

#1BADFF - #74FDB9 - #DCFBCC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1AACFF 0%, #74FDB9 50%, #DCFBCC 100%);
    background: -webkit-linear-gradient(top, #1AACFF 0%, #74FDB9 50%, #DCFBCC 100%);
    background: linear-gradient(to bottom, #1AACFF 0%, #74FDB9 50%, #DCFBCC 100%);
}
</style>