#9CD2E7 - #BFFDF6 | 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 #9CD2E7 to #BFFDF6

#9CD2E7 #BFFDF6

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

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

0.0%	0.0% #9CD2E7	RGB 156 210 231	#9CD2E7
16.7%	16.7% #A1D9E9	RGB 161 217 233	#A1D9E9
33.3%	33.3% #A7E0EC	RGB 167 224 236	#A7E0EC
50.0%	50.0% #ADE7EE	RGB 173 231 238	#ADE7EE
66.7%	66.7% #B3EEF1	RGB 179 238 241	#B3EEF1
83.3%	83.3% #B9F5F3	RGB 185 245 243	#B9F5F3
100.0%	100.0% #BFFDF6	RGB 191 253 246	#BFFDF6

#9CD2E7 #A1D9E9 #A7E0EC #ADE7EE #B3EEF1 #B9F5F3 #BFFDF6

#9CD2E7 - #BFFDF6

HSV Blend

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

0.0%	0.0% #9CD2E7	RGB 156 210 231	#9CD2E7
16.7%	16.7% #A1DAEA	RGB 161 218 234	#A1DAEA
33.3%	33.3% #A7E3EE	RGB 167 227 238	#A7E3EE
50.0%	50.0% #ADECF2	RGB 173 236 242	#ADECF2
66.7%	66.7% #B2F4F5	RGB 178 244 245	#B2F4F5
83.3%	83.3% #B8F9F6	RGB 184 249 246	#B8F9F6
100.0%	100.0% #BFFDF6	RGB 191 253 246	#BFFDF6

#9CD2E7 #A1DAEA #A7E3EE #ADECF2 #B2F4F5 #B8F9F6 #BFFDF6

#9CD2E7 - #ADECF2 - #BFFDF6

CSS codes

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

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