#6D9FA2 - #1F2D2E | 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 #6D9FA2 to #1F2D2E

#6D9FA2 #1F2D2E

Calculate the color between two colors, #6D9FA2 and #1F2D2E. 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)

#6D9FA2 - #1F2D2E | 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 #6D9FA2 as 0% and #1F2D2E as 100%.

0.0%	0.0% #6D9FA2	RGB 109 159 162	#6D9FA2
16.7%	16.7% #608C8E	RGB 96 140 142	#608C8E
33.3%	33.3% #53797B	RGB 83 121 123	#53797B
50.0%	50.0% #466668	RGB 70 102 104	#466668
66.7%	66.7% #395354	RGB 57 83 84	#395354
83.3%	83.3% #2C4041	RGB 44 64 65	#2C4041
100.0%	100.0% #1F2D2E	RGB 31 45 46	#1F2D2E

#6D9FA2 #608C8E #53797B #466668 #395354 #2C4041 #1F2D2E

#6D9FA2 - #1F2D2E

HSV Blend

#6D9FA2 - #1F2D2E | 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 #6D9FA2 as 0% and #1F2D2E as 100%.

0.0%	0.0% #6D9FA2	RGB 109 159 162	#6D9FA2
16.7%	16.7% #608B8E	RGB 96 139 142	#608B8E
33.3%	33.3% #53787B	RGB 83 120 123	#53787B
50.0%	50.0% #466568	RGB 70 101 104	#466568
66.7%	66.7% #395254	RGB 57 82 84	#395254
83.3%	83.3% #2C3F41	RGB 44 63 65	#2C3F41
100.0%	100.0% #1F2D2E	RGB 31 45 46	#1F2D2E

#6D9FA2 #608B8E #53787B #466568 #395254 #2C3F41 #1F2D2E

#6D9FA2 - #466568 - #1F2D2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9FA2 0%, #466568 50%, #1F2D2E 100%);
    background: -webkit-linear-gradient(top, #6D9FA2 0%, #466568 50%, #1F2D2E 100%);
    background: linear-gradient(to bottom, #6D9FA2 0%, #466568 50%, #1F2D2E 100%);
}
</style>