#00193B - #090807 | 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 #00193B to #090807

#00193B #090807

Calculate the color between two colors, #00193B and #090807. 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)

#00193B - #090807 | 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 #00193B as 0% and #090807 as 100%.

0.0%	0.0% #00193B	RGB 0 25 59	#00193B
16.7%	16.7% #011632	RGB 1 22 50	#011632
33.3%	33.3% #031329	RGB 3 19 41	#031329
50.0%	50.0% #041021	RGB 4 16 33	#041021
66.7%	66.7% #060D18	RGB 6 13 24	#060D18
83.3%	83.3% #070A0F	RGB 7 10 15	#070A0F
100.0%	100.0% #090807	RGB 9 8 7	#090807

#00193B #011632 #031329 #041021 #060D18 #070A0F #090807

#00193B - #090807

HSV Blend

#00193B - #090807 | 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 #00193B as 0% and #090807 as 100%.

0.0%	0.0% #00193B	RGB 0 25 59	#00193B
16.7%	16.7% #090632	RGB 9 6 50	#090632
33.3%	33.3% #1C0A2A	RGB 28 10 42	#1C0A2A
50.0%	50.0% #220D21	RGB 34 13 33	#220D21
66.7%	66.7% #190D13	RGB 25 13 19	#190D13
83.3%	83.3% #110B0B	RGB 17 11 11	#110B0B
100.0%	100.0% #090807	RGB 9 8 7	#090807

#00193B #090632 #1C0A2A #220D21 #190D13 #110B0B #090807

#00193B - #220D21 - #090807

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00193B 0%, #220D21 50%, #090807 100%);
    background: -webkit-linear-gradient(top, #00193B 0%, #220D21 50%, #090807 100%);
    background: linear-gradient(to bottom, #00193B 0%, #220D21 50%, #090807 100%);
}
</style>