#5E6ADB - #94B4EE | 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 #5E6ADB to #94B4EE

#5E6ADB #94B4EE

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

#5E6ADB - #94B4EE | 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 #5E6ADB as 0% and #94B4EE as 100%.

0.0%	0.0% #5E6ADB	RGB 94 106 219	#5E6ADB
16.7%	16.7% #6776DE	RGB 103 118 222	#6776DE
33.3%	33.3% #7082E1	RGB 112 130 225	#7082E1
50.0%	50.0% #798FE4	RGB 121 143 228	#798FE4
66.7%	66.7% #829BE7	RGB 130 155 231	#829BE7
83.3%	83.3% #8BA7EA	RGB 139 167 234	#8BA7EA
100.0%	100.0% #94B4EE	RGB 148 180 238	#94B4EE

#5E6ADB #6776DE #7082E1 #798FE4 #829BE7 #8BA7EA #94B4EE

#5E6ADB - #94B4EE

HSV Blend

#5E6ADB - #94B4EE | 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 #5E6ADB as 0% and #94B4EE as 100%.

0.0%	0.0% #5E6ADB	RGB 94 106 219	#5E6ADB
16.7%	16.7% #6677DE	RGB 102 119 222	#6677DE
33.3%	33.3% #6F84E1	RGB 111 132 225	#6F84E1
50.0%	50.0% #7890E4	RGB 120 144 228	#7890E4
66.7%	66.7% #819CE7	RGB 129 156 231	#819CE7
83.3%	83.3% #8AA8EA	RGB 138 168 234	#8AA8EA
100.0%	100.0% #94B4EE	RGB 148 180 238	#94B4EE

#5E6ADB #6677DE #6F84E1 #7890E4 #819CE7 #8AA8EA #94B4EE

#5E6ADB - #7890E4 - #94B4EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6ADB 0%, #7890E4 50%, #94B4EE 100%);
    background: -webkit-linear-gradient(top, #5E6ADB 0%, #7890E4 50%, #94B4EE 100%);
    background: linear-gradient(to bottom, #5E6ADB 0%, #7890E4 50%, #94B4EE 100%);
}
</style>