#B0CBC1 - #4D928B | 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 #B0CBC1 to #4D928B

#B0CBC1 #4D928B

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

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

0.0%	0.0% #B0CBC1	RGB 176 203 193	#B0CBC1
16.7%	16.7% #9FC1B8	RGB 159 193 184	#9FC1B8
33.3%	33.3% #8FB8AF	RGB 143 184 175	#8FB8AF
50.0%	50.0% #7EAEA6	RGB 126 174 166	#7EAEA6
66.7%	66.7% #6EA59D	RGB 110 165 157	#6EA59D
83.3%	83.3% #5D9B94	RGB 93 155 148	#5D9B94
100.0%	100.0% #4D928B	RGB 77 146 139	#4D928B

#B0CBC1 #9FC1B8 #8FB8AF #7EAEA6 #6EA59D #5D9B94 #4D928B

#B0CBC1 - #4D928B

HSV Blend

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

0.0%	0.0% #B0CBC1	RGB 176 203 193	#B0CBC1
16.7%	16.7% #9CC1B5	RGB 156 193 181	#9CC1B5
33.3%	33.3% #8AB8AB	RGB 138 184 171	#8AB8AB
50.0%	50.0% #79AEA2	RGB 121 174 162	#79AEA2
66.7%	66.7% #69A599	RGB 105 165 153	#69A599
83.3%	83.3% #5A9B92	RGB 90 155 146	#5A9B92
100.0%	100.0% #4D928B	RGB 77 146 139	#4D928B

#B0CBC1 #9CC1B5 #8AB8AB #79AEA2 #69A599 #5A9B92 #4D928B

#B0CBC1 - #79AEA2 - #4D928B

CSS codes

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

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