#0D3A5E - #6DB3A8 | 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 #0D3A5E to #6DB3A8

#0D3A5E #6DB3A8

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

#0D3A5E - #6DB3A8 | 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 #0D3A5E as 0% and #6DB3A8 as 100%.

0.0%	0.0% #0D3A5E	RGB 13 58 94	#0D3A5E
16.7%	16.7% #1D4E6A	RGB 29 78 106	#1D4E6A
33.3%	33.3% #2D6276	RGB 45 98 118	#2D6276
50.0%	50.0% #3D7683	RGB 61 118 131	#3D7683
66.7%	66.7% #4D8A8F	RGB 77 138 143	#4D8A8F
83.3%	83.3% #5D9E9B	RGB 93 158 155	#5D9E9B
100.0%	100.0% #6DB3A8	RGB 109 179 168	#6DB3A8

#0D3A5E #1D4E6A #2D6276 #3D7683 #4D8A8F #5D9E9B #6DB3A8

#0D3A5E - #6DB3A8

HSV Blend

#0D3A5E - #6DB3A8 | 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 #0D3A5E as 0% and #6DB3A8 as 100%.

0.0%	0.0% #0C395E	RGB 12 57 94	#0C395E
16.7%	16.7% #174F6C	RGB 23 79 108	#174F6C
33.3%	33.3% #24657A	RGB 36 101 122	#24657A
50.0%	50.0% #327C88	RGB 50 124 136	#327C88
66.7%	66.7% #449396	RGB 68 147 150	#449396
83.3%	83.3% #57A4A0	RGB 87 164 160	#57A4A0
100.0%	100.0% #6DB3A8	RGB 109 179 168	#6DB3A8

#0C395E #174F6C #24657A #327C88 #449396 #57A4A0 #6DB3A8

#0D3A5E - #327C88 - #6DB3A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C395E 0%, #327C88 50%, #6DB3A8 100%);
    background: -webkit-linear-gradient(top, #0C395E 0%, #327C88 50%, #6DB3A8 100%);
    background: linear-gradient(to bottom, #0C395E 0%, #327C88 50%, #6DB3A8 100%);
}
</style>