#65718C - #1C2028 | 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 #65718C to #1C2028

#65718C #1C2028

Calculate the color between two colors, #65718C and #1C2028. 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)

#65718C - #1C2028 | 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 #65718C as 0% and #1C2028 as 100%.

0.0%	0.0% #65718C	RGB 101 113 140	#65718C
16.7%	16.7% #58637B	RGB 88 99 123	#58637B
33.3%	33.3% #4C566A	RGB 76 86 106	#4C566A
50.0%	50.0% #40485A	RGB 64 72 90	#40485A
66.7%	66.7% #343B49	RGB 52 59 73	#343B49
83.3%	83.3% #282D38	RGB 40 45 56	#282D38
100.0%	100.0% #1C2028	RGB 28 32 40	#1C2028

#65718C #58637B #4C566A #40485A #343B49 #282D38 #1C2028

#65718C - #1C2028

HSV Blend

#65718C - #1C2028 | 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 #65718C as 0% and #1C2028 as 100%.

0.0%	0.0% #65718C	RGB 101 113 140	#65718C
16.7%	16.7% #58637B	RGB 88 99 123	#58637B
33.3%	33.3% #4C556A	RGB 76 85 106	#4C556A
50.0%	50.0% #3F485A	RGB 63 72 90	#3F485A
66.7%	66.7% #333A49	RGB 51 58 73	#333A49
83.3%	83.3% #272D38	RGB 39 45 56	#272D38
100.0%	100.0% #1C2028	RGB 28 32 40	#1C2028

#65718C #58637B #4C556A #3F485A #333A49 #272D38 #1C2028

#65718C - #3F485A - #1C2028

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65718C 0%, #3F485A 50%, #1C2028 100%);
    background: -webkit-linear-gradient(top, #65718C 0%, #3F485A 50%, #1C2028 100%);
    background: linear-gradient(to bottom, #65718C 0%, #3F485A 50%, #1C2028 100%);
}
</style>