#00396C - #03353E | 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 #00396C to #03353E

#00396C #03353E

Calculate the color between two colors, #00396C and #03353E. 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)

#00396C - #03353E | 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 #00396C as 0% and #03353E as 100%.

0.0%	0.0% #00396C	RGB 0 57 108	#00396C
16.7%	16.7% #003864	RGB 0 56 100	#003864
33.3%	33.3% #01375C	RGB 1 55 92	#01375C
50.0%	50.0% #013755	RGB 1 55 85	#013755
66.7%	66.7% #02364D	RGB 2 54 77	#02364D
83.3%	83.3% #023545	RGB 2 53 69	#023545
100.0%	100.0% #03353E	RGB 3 53 62	#03353E

#00396C #003864 #01375C #013755 #02364D #023545 #03353E

#00396C - #03353E

HSV Blend

#00396C - #03353E | 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 #00396C as 0% and #03353E as 100%.

0.0%	0.0% #00396C	RGB 0 57 108	#00396C
16.7%	16.7% #003A64	RGB 0 58 100	#003A64
33.3%	33.3% #013B5C	RGB 1 59 92	#013B5C
50.0%	50.0% #023B55	RGB 2 59 85	#023B55
66.7%	66.7% #02394D	RGB 2 57 77	#02394D
83.3%	83.3% #023745	RGB 2 55 69	#023745
100.0%	100.0% #03353E	RGB 3 53 62	#03353E

#00396C #003A64 #013B5C #023B55 #02394D #023745 #03353E

#00396C - #023B55 - #03353E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00396C 0%, #023B55 50%, #03353E 100%);
    background: -webkit-linear-gradient(top, #00396C 0%, #023B55 50%, #03353E 100%);
    background: linear-gradient(to bottom, #00396C 0%, #023B55 50%, #03353E 100%);
}
</style>