#0D2D30 - #B9C3C3 | 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 #0D2D30 to #B9C3C3

#0D2D30 #B9C3C3

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

#0D2D30 - #B9C3C3 | 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 #0D2D30 as 0% and #B9C3C3 as 100%.

0.0%	0.0% #0D2D30	RGB 13 45 48	#0D2D30
16.7%	16.7% #294648	RGB 41 70 72	#294648
33.3%	33.3% #465F61	RGB 70 95 97	#465F61
50.0%	50.0% #637879	RGB 99 120 121	#637879
66.7%	66.7% #7F9192	RGB 127 145 146	#7F9192
83.3%	83.3% #9CAAAA	RGB 156 170 170	#9CAAAA
100.0%	100.0% #B9C3C3	RGB 185 195 195	#B9C3C3

#0D2D30 #294648 #465F61 #637879 #7F9192 #9CAAAA #B9C3C3

#0D2D30 - #B9C3C3

HSV Blend

#0D2D30 - #B9C3C3 | 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 #0D2D30 as 0% and #B9C3C3 as 100%.

0.0%	0.0% #0D2C30	RGB 13 44 48	#0D2C30
16.7%	16.7% #1B4548	RGB 27 69 72	#1B4548
33.3%	33.3% #305E61	RGB 48 94 97	#305E61
50.0%	50.0% #4A7779	RGB 74 119 121	#4A7779
66.7%	66.7% #699092	RGB 105 144 146	#699092
83.3%	83.3% #8EAAAA	RGB 142 170 170	#8EAAAA
100.0%	100.0% #B9C3C3	RGB 185 195 195	#B9C3C3

#0D2C30 #1B4548 #305E61 #4A7779 #699092 #8EAAAA #B9C3C3

#0D2D30 - #4A7779 - #B9C3C3

CSS codes

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

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