#5E94AC - #999EFA | 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 #5E94AC to #999EFA

#5E94AC #999EFA

Calculate the color between two colors, #5E94AC and #999EFA. 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)

#5E94AC - #999EFA | 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 #5E94AC as 0% and #999EFA as 100%.

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #6795B9	RGB 103 149 185	#6795B9
33.3%	33.3% #7197C6	RGB 113 151 198	#7197C6
50.0%	50.0% #7B99D3	RGB 123 153 211	#7B99D3
66.7%	66.7% #859AE0	RGB 133 154 224	#859AE0
83.3%	83.3% #8F9CED	RGB 143 156 237	#8F9CED
100.0%	100.0% #999EFA	RGB 153 158 250	#999EFA

#5E94AC #6795B9 #7197C6 #7B99D3 #859AE0 #8F9CED #999EFA

#5E94AC - #999EFA

HSV Blend

#5E94AC - #999EFA | 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 #5E94AC as 0% and #999EFA as 100%.

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #6797B9	RGB 103 151 185	#6797B9
33.3%	33.3% #7099C6	RGB 112 153 198	#7099C6
50.0%	50.0% #7A9BD3	RGB 122 155 211	#7A9BD3
66.7%	66.7% #849CE0	RGB 132 156 224	#849CE0
83.3%	83.3% #8E9DED	RGB 142 157 237	#8E9DED
100.0%	100.0% #999EFA	RGB 153 158 250	#999EFA

#5E94AC #6797B9 #7099C6 #7A9BD3 #849CE0 #8E9DED #999EFA

#5E94AC - #7A9BD3 - #999EFA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E94AC 0%, #7A9BD3 50%, #999EFA 100%);
    background: -webkit-linear-gradient(top, #5E94AC 0%, #7A9BD3 50%, #999EFA 100%);
    background: linear-gradient(to bottom, #5E94AC 0%, #7A9BD3 50%, #999EFA 100%);
}
</style>