#EFFBFD - #8BDBDC | 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 #EFFBFD to #8BDBDC

#EFFBFD #8BDBDC

Calculate the color between two colors, #EFFBFD and #8BDBDC. 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)

#EFFBFD - #8BDBDC | 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 #EFFBFD as 0% and #8BDBDC as 100%.

0.0%	0.0% #EFFBFD	RGB 239 251 253	#EFFBFD
16.7%	16.7% #DEF5F7	RGB 222 245 247	#DEF5F7
33.3%	33.3% #CDF0F2	RGB 205 240 242	#CDF0F2
50.0%	50.0% #BDEBEC	RGB 189 235 236	#BDEBEC
66.7%	66.7% #ACE5E7	RGB 172 229 231	#ACE5E7
83.3%	83.3% #9BE0E1	RGB 155 224 225	#9BE0E1
100.0%	100.0% #8BDBDC	RGB 139 219 220	#8BDBDC

#EFFBFD #DEF5F7 #CDF0F2 #BDEBEC #ACE5E7 #9BE0E1 #8BDBDC

#EFFBFD - #8BDBDC

HSV Blend

#EFFBFD - #8BDBDC | 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 #EFFBFD as 0% and #8BDBDC as 100%.

0.0%	0.0% #EFFBFD	RGB 239 251 253	#EFFBFD
16.7%	16.7% #DCF4F7	RGB 220 244 247	#DCF4F7
33.3%	33.3% #CBEEF2	RGB 203 238 242	#CBEEF2
50.0%	50.0% #BAE8EC	RGB 186 232 236	#BAE8EC
66.7%	66.7% #AAE3E7	RGB 170 227 231	#AAE3E7
83.3%	83.3% #9ADFE1	RGB 154 223 225	#9ADFE1
100.0%	100.0% #8BDBDC	RGB 139 219 220	#8BDBDC

#EFFBFD #DCF4F7 #CBEEF2 #BAE8EC #AAE3E7 #9ADFE1 #8BDBDC

#EFFBFD - #BAE8EC - #8BDBDC

CSS codes

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

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