#006896 - #94EDC7 | 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 #006896 to #94EDC7

#006896 #94EDC7

Calculate the color between two colors, #006896 and #94EDC7. 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)

#006896 - #94EDC7 | 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 #006896 as 0% and #94EDC7 as 100%.

0.0%	0.0% #006896	RGB 0 104 150	#006896
16.7%	16.7% #187E9E	RGB 24 126 158	#187E9E
33.3%	33.3% #3194A6	RGB 49 148 166	#3194A6
50.0%	50.0% #4AAAAE	RGB 74 170 174	#4AAAAE
66.7%	66.7% #62C0B6	RGB 98 192 182	#62C0B6
83.3%	83.3% #7BD6BE	RGB 123 214 190	#7BD6BE
100.0%	100.0% #94EDC7	RGB 148 237 199	#94EDC7

#006896 #187E9E #3194A6 #4AAAAE #62C0B6 #7BD6BE #94EDC7

#006896 - #94EDC7

HSV Blend

#006896 - #94EDC7 | 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 #006896 as 0% and #94EDC7 as 100%.

0.0%	0.0% #006896	RGB 0 104 150	#006896
16.7%	16.7% #1189A4	RGB 17 137 164	#1189A4
33.3%	33.3% #25AAB3	RGB 37 170 179	#25AAB3
50.0%	50.0% #3CC1B9	RGB 60 193 185	#3CC1B9
66.7%	66.7% #56D0B9	RGB 86 208 185	#56D0B9
83.3%	83.3% #73DEBD	RGB 115 222 189	#73DEBD
100.0%	100.0% #94EDC7	RGB 148 237 199	#94EDC7

#006896 #1189A4 #25AAB3 #3CC1B9 #56D0B9 #73DEBD #94EDC7

#006896 - #3CC1B9 - #94EDC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006896 0%, #3CC1B9 50%, #94EDC7 100%);
    background: -webkit-linear-gradient(top, #006896 0%, #3CC1B9 50%, #94EDC7 100%);
    background: linear-gradient(to bottom, #006896 0%, #3CC1B9 50%, #94EDC7 100%);
}
</style>