#BDF2EB - #4DCEC5 | 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 #BDF2EB to #4DCEC5

#BDF2EB #4DCEC5

Calculate the color between two colors, #BDF2EB and #4DCEC5. 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)

#BDF2EB - #4DCEC5 | 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 #BDF2EB as 0% and #4DCEC5 as 100%.

0.0%	0.0% #BDF2EB	RGB 189 242 235	#BDF2EB
16.7%	16.7% #AAECE4	RGB 170 236 228	#AAECE4
33.3%	33.3% #97E6DE	RGB 151 230 222	#97E6DE
50.0%	50.0% #85E0D8	RGB 133 224 216	#85E0D8
66.7%	66.7% #72DAD1	RGB 114 218 209	#72DAD1
83.3%	83.3% #5FD4CB	RGB 95 212 203	#5FD4CB
100.0%	100.0% #4DCEC5	RGB 77 206 197	#4DCEC5

#BDF2EB #AAECE4 #97E6DE #85E0D8 #72DAD1 #5FD4CB #4DCEC5

#BDF2EB - #4DCEC5

HSV Blend

#BDF2EB - #4DCEC5 | 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 #BDF2EB as 0% and #4DCEC5 as 100%.

0.0%	0.0% #BDF2EB	RGB 189 242 235	#BDF2EB
16.7%	16.7% #A8ECE3	RGB 168 236 227	#A8ECE3
33.3%	33.3% #94E6DC	RGB 148 230 220	#94E6DC
50.0%	50.0% #81E0D6	RGB 129 224 214	#81E0D6
66.7%	66.7% #6FDAD0	RGB 111 218 208	#6FDAD0
83.3%	83.3% #5DD4CA	RGB 93 212 202	#5DD4CA
100.0%	100.0% #4DCEC5	RGB 77 206 197	#4DCEC5

#BDF2EB #A8ECE3 #94E6DC #81E0D6 #6FDAD0 #5DD4CA #4DCEC5

#BDF2EB - #81E0D6 - #4DCEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDF2EB 0%, #81E0D6 50%, #4DCEC5 100%);
    background: -webkit-linear-gradient(top, #BDF2EB 0%, #81E0D6 50%, #4DCEC5 100%);
    background: linear-gradient(to bottom, #BDF2EB 0%, #81E0D6 50%, #4DCEC5 100%);
}
</style>