#94C2D9 - #41739E | 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 #94C2D9 to #41739E

#94C2D9 #41739E

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

#94C2D9 - #41739E | 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 #94C2D9 as 0% and #41739E as 100%.

0.0%	0.0% #94C2D9	RGB 148 194 217	#94C2D9
16.7%	16.7% #86B4CF	RGB 134 180 207	#86B4CF
33.3%	33.3% #78A7C5	RGB 120 167 197	#78A7C5
50.0%	50.0% #6A9ABB	RGB 106 154 187	#6A9ABB
66.7%	66.7% #5C8DB1	RGB 92 141 177	#5C8DB1
83.3%	83.3% #4E80A7	RGB 78 128 167	#4E80A7
100.0%	100.0% #41739E	RGB 65 115 158	#41739E

#94C2D9 #86B4CF #78A7C5 #6A9ABB #5C8DB1 #4E80A7 #41739E

#94C2D9 - #41739E

HSV Blend

#94C2D9 - #41739E | 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 #94C2D9 as 0% and #41739E as 100%.

0.0%	0.0% #94C2D9	RGB 148 194 217	#94C2D9
16.7%	16.7% #83B4CF	RGB 131 180 207	#83B4CF
33.3%	33.3% #74A7C5	RGB 116 167 197	#74A7C5
50.0%	50.0% #6699BB	RGB 102 153 187	#6699BB
66.7%	66.7% #598CB1	RGB 89 140 177	#598CB1
83.3%	83.3% #4C7FA7	RGB 76 127 167	#4C7FA7
100.0%	100.0% #41739E	RGB 65 115 158	#41739E

#94C2D9 #83B4CF #74A7C5 #6699BB #598CB1 #4C7FA7 #41739E

#94C2D9 - #6699BB - #41739E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94C2D9 0%, #6699BB 50%, #41739E 100%);
    background: -webkit-linear-gradient(top, #94C2D9 0%, #6699BB 50%, #41739E 100%);
    background: linear-gradient(to bottom, #94C2D9 0%, #6699BB 50%, #41739E 100%);
}
</style>