#00477D - #8DCBCE | 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 #00477D to #8DCBCE

#00477D #8DCBCE

Calculate the color between two colors, #00477D and #8DCBCE. 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)

#00477D - #8DCBCE | 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 #00477D as 0% and #8DCBCE as 100%.

0.0%	0.0% #00477D	RGB 0 71 125	#00477D
16.7%	16.7% #175D8A	RGB 23 93 138	#175D8A
33.3%	33.3% #2F7398	RGB 47 115 152	#2F7398
50.0%	50.0% #4689A5	RGB 70 137 165	#4689A5
66.7%	66.7% #5E9FB3	RGB 94 159 179	#5E9FB3
83.3%	83.3% #75B5C0	RGB 117 181 192	#75B5C0
100.0%	100.0% #8DCBCE	RGB 141 203 206	#8DCBCE

#00477D #175D8A #2F7398 #4689A5 #5E9FB3 #75B5C0 #8DCBCE

#00477D - #8DCBCE

HSV Blend

#00477D - #8DCBCE | 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 #00477D as 0% and #8DCBCE as 100%.

0.0%	0.0% #00467D	RGB 0 70 125	#00467D
16.7%	16.7% #0F5D8A	RGB 15 93 138	#0F5D8A
33.3%	33.3% #227498	RGB 34 116 152	#227498
50.0%	50.0% #388BA5	RGB 56 139 165	#388BA5
66.7%	66.7% #51A1B3	RGB 81 161 179	#51A1B3
83.3%	83.3% #6DB7C0	RGB 109 183 192	#6DB7C0
100.0%	100.0% #8DCBCE	RGB 141 203 206	#8DCBCE

#00467D #0F5D8A #227498 #388BA5 #51A1B3 #6DB7C0 #8DCBCE

#00477D - #388BA5 - #8DCBCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00467D 0%, #388BA5 50%, #8DCBCE 100%);
    background: -webkit-linear-gradient(top, #00467D 0%, #388BA5 50%, #8DCBCE 100%);
    background: linear-gradient(to bottom, #00467D 0%, #388BA5 50%, #8DCBCE 100%);
}
</style>