#B5D1CF - #4A9D9C | 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 #B5D1CF to #4A9D9C

#B5D1CF #4A9D9C

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

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

0.0%	0.0% #B5D1CF	RGB 181 209 207	#B5D1CF
16.7%	16.7% #A3C8C6	RGB 163 200 198	#A3C8C6
33.3%	33.3% #91BFBE	RGB 145 191 190	#91BFBE
50.0%	50.0% #7FB7B5	RGB 127 183 181	#7FB7B5
66.7%	66.7% #6DAEAD	RGB 109 174 173	#6DAEAD
83.3%	83.3% #5BA5A4	RGB 91 165 164	#5BA5A4
100.0%	100.0% #4A9D9C	RGB 74 157 156	#4A9D9C

#B5D1CF #A3C8C6 #91BFBE #7FB7B5 #6DAEAD #5BA5A4 #4A9D9C

#B5D1CF - #4A9D9C

HSV Blend

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

0.0%	0.0% #B5D1CF	RGB 181 209 207	#B5D1CF
16.7%	16.7% #A0C8C5	RGB 160 200 197	#A0C8C5
33.3%	33.3% #8CBFBD	RGB 140 191 189	#8CBFBD
50.0%	50.0% #7AB7B4	RGB 122 183 180	#7AB7B4
66.7%	66.7% #69AEAC	RGB 105 174 172	#69AEAC
83.3%	83.3% #58A5A3	RGB 88 165 163	#58A5A3
100.0%	100.0% #4A9D9C	RGB 74 157 156	#4A9D9C

#B5D1CF #A0C8C5 #8CBFBD #7AB7B4 #69AEAC #58A5A3 #4A9D9C

#B5D1CF - #7AB7B4 - #4A9D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5D1CF 0%, #7AB7B4 50%, #4A9D9C 100%);
    background: -webkit-linear-gradient(top, #B5D1CF 0%, #7AB7B4 50%, #4A9D9C 100%);
    background: linear-gradient(to bottom, #B5D1CF 0%, #7AB7B4 50%, #4A9D9C 100%);
}
</style>