#073225 - #B8C4C0 | 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 #073225 to #B8C4C0

#073225 #B8C4C0

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

#073225 - #B8C4C0 | 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 #073225 as 0% and #B8C4C0 as 100%.

0.0%	0.0% #073225	RGB 7 50 37	#073225
16.7%	16.7% #244A3E	RGB 36 74 62	#244A3E
33.3%	33.3% #426258	RGB 66 98 88	#426258
50.0%	50.0% #5F7B72	RGB 95 123 114	#5F7B72
66.7%	66.7% #7D938C	RGB 125 147 140	#7D938C
83.3%	83.3% #9AABA6	RGB 154 171 166	#9AABA6
100.0%	100.0% #B8C4C0	RGB 184 196 192	#B8C4C0

#073225 #244A3E #426258 #5F7B72 #7D938C #9AABA6 #B8C4C0

#073225 - #B8C4C0

HSV Blend

#073225 - #B8C4C0 | 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 #073225 as 0% and #B8C4C0 as 100%.

0.0%	0.0% #073225	RGB 7 50 37	#073225
16.7%	16.7% #144A39	RGB 20 74 57	#144A39
33.3%	33.3% #286250	RGB 40 98 80	#286250
50.0%	50.0% #427B68	RGB 66 123 104	#427B68
66.7%	66.7% #639383	RGB 99 147 131	#639383
83.3%	83.3% #8AABA0	RGB 138 171 160	#8AABA0
100.0%	100.0% #B8C4C0	RGB 184 196 192	#B8C4C0

#073225 #144A39 #286250 #427B68 #639383 #8AABA0 #B8C4C0

#073225 - #427B68 - #B8C4C0

CSS codes

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

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