#B6EEE8 - #45C8C2 | 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 #B6EEE8 to #45C8C2

#B6EEE8 #45C8C2

Calculate the color between two colors, #B6EEE8 and #45C8C2. 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)

#B6EEE8 - #45C8C2 | 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 #B6EEE8 as 0% and #45C8C2 as 100%.

0.0%	0.0% #B6EEE8	RGB 182 238 232	#B6EEE8
16.7%	16.7% #A3E7E1	RGB 163 231 225	#A3E7E1
33.3%	33.3% #90E1DB	RGB 144 225 219	#90E1DB
50.0%	50.0% #7DDBD5	RGB 125 219 213	#7DDBD5
66.7%	66.7% #6AD4CE	RGB 106 212 206	#6AD4CE
83.3%	83.3% #57CEC8	RGB 87 206 200	#57CEC8
100.0%	100.0% #45C8C2	RGB 69 200 194	#45C8C2

#B6EEE8 #A3E7E1 #90E1DB #7DDBD5 #6AD4CE #57CEC8 #45C8C2

#B6EEE8 - #45C8C2

HSV Blend

#B6EEE8 - #45C8C2 | 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 #B6EEE8 as 0% and #45C8C2 as 100%.

0.0%	0.0% #B6EEE8	RGB 182 238 232	#B6EEE8
16.7%	16.7% #A0E7E0	RGB 160 231 224	#A0E7E0
33.3%	33.3% #8CE1DA	RGB 140 225 218	#8CE1DA
50.0%	50.0% #79DBD3	RGB 121 219 211	#79DBD3
66.7%	66.7% #67D4CD	RGB 103 212 205	#67D4CD
83.3%	83.3% #55CEC7	RGB 85 206 199	#55CEC7
100.0%	100.0% #45C8C2	RGB 69 200 194	#45C8C2

#B6EEE8 #A0E7E0 #8CE1DA #79DBD3 #67D4CD #55CEC7 #45C8C2

#B6EEE8 - #79DBD3 - #45C8C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6EEE8 0%, #79DBD3 50%, #45C8C2 100%);
    background: -webkit-linear-gradient(top, #B6EEE8 0%, #79DBD3 50%, #45C8C2 100%);
    background: linear-gradient(to bottom, #B6EEE8 0%, #79DBD3 50%, #45C8C2 100%);
}
</style>