#304345 - #C3C9C9 | 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 #304345 to #C3C9C9

#304345 #C3C9C9

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

#304345 - #C3C9C9 | 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 #304345 as 0% and #C3C9C9 as 100%.

0.0%	0.0% #304345	RGB 48 67 69	#304345
16.7%	16.7% #48595B	RGB 72 89 91	#48595B
33.3%	33.3% #616F71	RGB 97 111 113	#616F71
50.0%	50.0% #798687	RGB 121 134 135	#798687
66.7%	66.7% #929C9D	RGB 146 156 157	#929C9D
83.3%	83.3% #AAB2B3	RGB 170 178 179	#AAB2B3
100.0%	100.0% #C3C9C9	RGB 195 201 201	#C3C9C9

#304345 #48595B #616F71 #798687 #929C9D #AAB2B3 #C3C9C9

#304345 - #C3C9C9

HSV Blend

#304345 - #C3C9C9 | 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 #304345 as 0% and #C3C9C9 as 100%.

0.0%	0.0% #304345	RGB 48 67 69	#304345
16.7%	16.7% #43595B	RGB 67 89 91	#43595B
33.3%	33.3% #586F71	RGB 88 111 113	#586F71
50.0%	50.0% #708587	RGB 112 133 135	#708587
66.7%	66.7% #899C9D	RGB 137 156 157	#899C9D
83.3%	83.3% #A5B2B3	RGB 165 178 179	#A5B2B3
100.0%	100.0% #C3C9C9	RGB 195 201 201	#C3C9C9

#304345 #43595B #586F71 #708587 #899C9D #A5B2B3 #C3C9C9

#304345 - #708587 - #C3C9C9

CSS codes

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

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