#004F5E - #B6CCD1 | 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 #004F5E to #B6CCD1

#004F5E #B6CCD1

Calculate the color between two colors, #004F5E and #B6CCD1. 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)

#004F5E - #B6CCD1 | 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 #004F5E as 0% and #B6CCD1 as 100%.

0.0%	0.0% #004F5E	RGB 0 79 94	#004F5E
16.7%	16.7% #1E6371	RGB 30 99 113	#1E6371
33.3%	33.3% #3C7884	RGB 60 120 132	#3C7884
50.0%	50.0% #5B8D97	RGB 91 141 151	#5B8D97
66.7%	66.7% #79A2AA	RGB 121 162 170	#79A2AA
83.3%	83.3% #97B7BD	RGB 151 183 189	#97B7BD
100.0%	100.0% #B6CCD1	RGB 182 204 209	#B6CCD1

#004F5E #1E6371 #3C7884 #5B8D97 #79A2AA #97B7BD #B6CCD1

#004F5E - #B6CCD1

HSV Blend

#004F5E - #B6CCD1 | 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 #004F5E as 0% and #B6CCD1 as 100%.

0.0%	0.0% #004E5E	RGB 0 78 94	#004E5E
16.7%	16.7% #106171	RGB 16 97 113	#106171
33.3%	33.3% #267484	RGB 38 116 132	#267484
50.0%	50.0% #418897	RGB 65 136 151	#418897
66.7%	66.7% #639EAA	RGB 99 158 170	#639EAA
83.3%	83.3% #89B4BD	RGB 137 180 189	#89B4BD
100.0%	100.0% #B6CCD1	RGB 182 204 209	#B6CCD1

#004E5E #106171 #267484 #418897 #639EAA #89B4BD #B6CCD1

#004F5E - #418897 - #B6CCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004E5E 0%, #418897 50%, #B6CCD1 100%);
    background: -webkit-linear-gradient(top, #004E5E 0%, #418897 50%, #B6CCD1 100%);
    background: linear-gradient(to bottom, #004E5E 0%, #418897 50%, #B6CCD1 100%);
}
</style>