#5E7290 - #7BB6FA | 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 #5E7290 to #7BB6FA

#5E7290 #7BB6FA

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

#5E7290 - #7BB6FA | 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 #5E7290 as 0% and #7BB6FA as 100%.

0.0%	0.0% #5E7290	RGB 94 114 144	#5E7290
16.7%	16.7% #627DA1	RGB 98 125 161	#627DA1
33.3%	33.3% #6788B3	RGB 103 136 179	#6788B3
50.0%	50.0% #6C94C5	RGB 108 148 197	#6C94C5
66.7%	66.7% #719FD6	RGB 113 159 214	#719FD6
83.3%	83.3% #76AAE8	RGB 118 170 232	#76AAE8
100.0%	100.0% #7BB6FA	RGB 123 182 250	#7BB6FA

#5E7290 #627DA1 #6788B3 #6C94C5 #719FD6 #76AAE8 #7BB6FA

#5E7290 - #7BB6FA

HSV Blend

#5E7290 - #7BB6FA | 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 #5E7290 as 0% and #7BB6FA as 100%.

0.0%	0.0% #5E7290	RGB 94 114 144	#5E7290
16.7%	16.7% #657EA1	RGB 101 126 161	#657EA1
33.3%	33.3% #6B89B3	RGB 107 137 179	#6B89B3
50.0%	50.0% #7095C5	RGB 112 149 197	#7095C5
66.7%	66.7% #75A0D6	RGB 117 160 214	#75A0D6
83.3%	83.3% #78ABE8	RGB 120 171 232	#78ABE8
100.0%	100.0% #7BB6FA	RGB 123 182 250	#7BB6FA

#5E7290 #657EA1 #6B89B3 #7095C5 #75A0D6 #78ABE8 #7BB6FA

#5E7290 - #7095C5 - #7BB6FA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7290 0%, #7095C5 50%, #7BB6FA 100%);
    background: -webkit-linear-gradient(top, #5E7290 0%, #7095C5 50%, #7BB6FA 100%);
    background: linear-gradient(to bottom, #5E7290 0%, #7095C5 50%, #7BB6FA 100%);
}
</style>