#0D302B - #B9C3C2 | 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 #0D302B to #B9C3C2

#0D302B #B9C3C2

Calculate the color between two colors, #0D302B and #B9C3C2. 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)

#0D302B - #B9C3C2 | 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 #0D302B as 0% and #B9C3C2 as 100%.

0.0%	0.0% #0D302B	RGB 13 48 43	#0D302B
16.7%	16.7% #294844	RGB 41 72 68	#294844
33.3%	33.3% #46615D	RGB 70 97 93	#46615D
50.0%	50.0% #637976	RGB 99 121 118	#637976
66.7%	66.7% #7F928F	RGB 127 146 143	#7F928F
83.3%	83.3% #9CAAA8	RGB 156 170 168	#9CAAA8
100.0%	100.0% #B9C3C2	RGB 185 195 194	#B9C3C2

#0D302B #294844 #46615D #637976 #7F928F #9CAAA8 #B9C3C2

#0D302B - #B9C3C2

HSV Blend

#0D302B - #B9C3C2 | 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 #0D302B as 0% and #B9C3C2 as 100%.

0.0%	0.0% #0D302A	RGB 13 48 42	#0D302A
16.7%	16.7% #1B4842	RGB 27 72 66	#1B4842
33.3%	33.3% #30615A	RGB 48 97 90	#30615A
50.0%	50.0% #4A7973	RGB 74 121 115	#4A7973
66.7%	66.7% #69928D	RGB 105 146 141	#69928D
83.3%	83.3% #8EAAA7	RGB 142 170 167	#8EAAA7
100.0%	100.0% #B9C3C2	RGB 185 195 194	#B9C3C2

#0D302A #1B4842 #30615A #4A7973 #69928D #8EAAA7 #B9C3C2

#0D302B - #4A7973 - #B9C3C2

CSS codes

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

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