#082323 - #B8C0C0 | 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 #082323 to #B8C0C0

#082323 #B8C0C0

Calculate the color between two colors, #082323 and #B8C0C0. 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)

#082323 - #B8C0C0 | 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 #082323 as 0% and #B8C0C0 as 100%.

0.0%	0.0% #082323	RGB 8 35 35	#082323
16.7%	16.7% #253D3D	RGB 37 61 61	#253D3D
33.3%	33.3% #425757	RGB 66 87 87	#425757
50.0%	50.0% #607171	RGB 96 113 113	#607171
66.7%	66.7% #7D8B8B	RGB 125 139 139	#7D8B8B
83.3%	83.3% #9AA5A5	RGB 154 165 165	#9AA5A5
100.0%	100.0% #B8C0C0	RGB 184 192 192	#B8C0C0

#082323 #253D3D #425757 #607171 #7D8B8B #9AA5A5 #B8C0C0

#082323 - #B8C0C0

HSV Blend

#082323 - #B8C0C0 | 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 #082323 as 0% and #B8C0C0 as 100%.

0.0%	0.0% #072323	RGB 7 35 35	#072323
16.7%	16.7% #153D3D	RGB 21 61 61	#153D3D
33.3%	33.3% #295757	RGB 41 87 87	#295757
50.0%	50.0% #437171	RGB 67 113 113	#437171
66.7%	66.7% #638B8B	RGB 99 139 139	#638B8B
83.3%	83.3% #8AA5A5	RGB 138 165 165	#8AA5A5
100.0%	100.0% #B8C0C0	RGB 184 192 192	#B8C0C0

#072323 #153D3D #295757 #437171 #638B8B #8AA5A5 #B8C0C0

#082323 - #437171 - #B8C0C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #072323 0%, #437171 50%, #B8C0C0 100%);
    background: -webkit-linear-gradient(top, #072323 0%, #437171 50%, #B8C0C0 100%);
    background: linear-gradient(to bottom, #072323 0%, #437171 50%, #B8C0C0 100%);
}
</style>