#B2D9CE - #4BA79C | 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 #B2D9CE to #4BA79C

#B2D9CE #4BA79C

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

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

0.0%	0.0% #B2D9CE	RGB 178 217 206	#B2D9CE
16.7%	16.7% #A0D0C5	RGB 160 208 197	#A0D0C5
33.3%	33.3% #8FC8BD	RGB 143 200 189	#8FC8BD
50.0%	50.0% #7EC0B5	RGB 126 192 181	#7EC0B5
66.7%	66.7% #6DB7AC	RGB 109 183 172	#6DB7AC
83.3%	83.3% #5CAFA4	RGB 92 175 164	#5CAFA4
100.0%	100.0% #4BA79C	RGB 75 167 156	#4BA79C

#B2D9CE #A0D0C5 #8FC8BD #7EC0B5 #6DB7AC #5CAFA4 #4BA79C

#B2D9CE - #4BA79C

HSV Blend

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

0.0%	0.0% #B2D9CE	RGB 178 217 206	#B2D9CE
16.7%	16.7% #9ED0C3	RGB 158 208 195	#9ED0C3
33.3%	33.3% #8BC8BA	RGB 139 200 186	#8BC8BA
50.0%	50.0% #79C0B1	RGB 121 192 177	#79C0B1
66.7%	66.7% #69B7AA	RGB 105 183 170	#69B7AA
83.3%	83.3% #59AFA2	RGB 89 175 162	#59AFA2
100.0%	100.0% #4BA79C	RGB 75 167 156	#4BA79C

#B2D9CE #9ED0C3 #8BC8BA #79C0B1 #69B7AA #59AFA2 #4BA79C

#B2D9CE - #79C0B1 - #4BA79C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2D9CE 0%, #79C0B1 50%, #4BA79C 100%);
    background: -webkit-linear-gradient(top, #B2D9CE 0%, #79C0B1 50%, #4BA79C 100%);
    background: linear-gradient(to bottom, #B2D9CE 0%, #79C0B1 50%, #4BA79C 100%);
}
</style>