#B8C8C8 - #4D9292 | 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 #B8C8C8 to #4D9292

#B8C8C8 #4D9292

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

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

0.0%	0.0% #B8C8C8	RGB 184 200 200	#B8C8C8
16.7%	16.7% #A6BFBF	RGB 166 191 191	#A6BFBF
33.3%	33.3% #94B6B6	RGB 148 182 182	#94B6B6
50.0%	50.0% #82ADAD	RGB 130 173 173	#82ADAD
66.7%	66.7% #70A4A4	RGB 112 164 164	#70A4A4
83.3%	83.3% #5E9B9B	RGB 94 155 155	#5E9B9B
100.0%	100.0% #4D9292	RGB 77 146 146	#4D9292

#B8C8C8 #A6BFBF #94B6B6 #82ADAD #70A4A4 #5E9B9B #4D9292

#B8C8C8 - #4D9292

HSV Blend

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

0.0%	0.0% #B8C8C8	RGB 184 200 200	#B8C8C8
16.7%	16.7% #A3BFBF	RGB 163 191 191	#A3BFBF
33.3%	33.3% #8FB6B6	RGB 143 182 182	#8FB6B6
50.0%	50.0% #7DADAD	RGB 125 173 173	#7DADAD
66.7%	66.7% #6BA4A4	RGB 107 164 164	#6BA4A4
83.3%	83.3% #5B9B9B	RGB 91 155 155	#5B9B9B
100.0%	100.0% #4D9292	RGB 77 146 146	#4D9292

#B8C8C8 #A3BFBF #8FB6B6 #7DADAD #6BA4A4 #5B9B9B #4D9292

#B8C8C8 - #7DADAD - #4D9292

CSS codes

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

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