#94ADC7 - #376D7E | 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 #94ADC7 to #376D7E

#94ADC7 #376D7E

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

#94ADC7 - #376D7E | 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 #94ADC7 as 0% and #376D7E as 100%.

0.0%	0.0% #94ADC7	RGB 148 173 199	#94ADC7
16.7%	16.7% #84A2BA	RGB 132 162 186	#84A2BA
33.3%	33.3% #7597AE	RGB 117 151 174	#7597AE
50.0%	50.0% #658DA2	RGB 101 141 162	#658DA2
66.7%	66.7% #568296	RGB 86 130 150	#568296
83.3%	83.3% #46778A	RGB 70 119 138	#46778A
100.0%	100.0% #376D7E	RGB 55 109 126	#376D7E

#94ADC7 #84A2BA #7597AE #658DA2 #568296 #46778A #376D7E

#94ADC7 - #376D7E

HSV Blend

#94ADC7 - #376D7E | 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 #94ADC7 as 0% and #376D7E as 100%.

0.0%	0.0% #94ADC7	RGB 148 173 199	#94ADC7
16.7%	16.7% #81A0BA	RGB 129 160 186	#81A0BA
33.3%	33.3% #7094AE	RGB 112 148 174	#7094AE
50.0%	50.0% #5F89A2	RGB 95 137 162	#5F89A2
66.7%	66.7% #517F96	RGB 81 127 150	#517F96
83.3%	83.3% #43768A	RGB 67 118 138	#43768A
100.0%	100.0% #376D7E	RGB 55 109 126	#376D7E

#94ADC7 #81A0BA #7094AE #5F89A2 #517F96 #43768A #376D7E

#94ADC7 - #5F89A2 - #376D7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94ADC7 0%, #5F89A2 50%, #376D7E 100%);
    background: -webkit-linear-gradient(top, #94ADC7 0%, #5F89A2 50%, #376D7E 100%);
    background: linear-gradient(to bottom, #94ADC7 0%, #5F89A2 50%, #376D7E 100%);
}
</style>