#5E74D7 - #9CBAE7 | 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 #5E74D7 to #9CBAE7

#5E74D7 #9CBAE7

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

#5E74D7 - #9CBAE7 | 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 #5E74D7 as 0% and #9CBAE7 as 100%.

0.0%	0.0% #5E74D7	RGB 94 116 215	#5E74D7
16.7%	16.7% #687FD9	RGB 104 127 217	#687FD9
33.3%	33.3% #728BDC	RGB 114 139 220	#728BDC
50.0%	50.0% #7D97DF	RGB 125 151 223	#7D97DF
66.7%	66.7% #87A2E1	RGB 135 162 225	#87A2E1
83.3%	83.3% #91AEE4	RGB 145 174 228	#91AEE4
100.0%	100.0% #9CBAE7	RGB 156 186 231	#9CBAE7

#5E74D7 #687FD9 #728BDC #7D97DF #87A2E1 #91AEE4 #9CBAE7

#5E74D7 - #9CBAE7

HSV Blend

#5E74D7 - #9CBAE7 | 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 #5E74D7 as 0% and #9CBAE7 as 100%.

0.0%	0.0% #5D74D7	RGB 93 116 215	#5D74D7
16.7%	16.7% #6780D9	RGB 103 128 217	#6780D9
33.3%	33.3% #718CDC	RGB 113 140 220	#718CDC
50.0%	50.0% #7C98DF	RGB 124 152 223	#7C98DF
66.7%	66.7% #86A4E1	RGB 134 164 225	#86A4E1
83.3%	83.3% #91AFE4	RGB 145 175 228	#91AFE4
100.0%	100.0% #9CBAE7	RGB 156 186 231	#9CBAE7

#5D74D7 #6780D9 #718CDC #7C98DF #86A4E1 #91AFE4 #9CBAE7

#5E74D7 - #7C98DF - #9CBAE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D74D7 0%, #7C98DF 50%, #9CBAE7 100%);
    background: -webkit-linear-gradient(top, #5D74D7 0%, #7C98DF 50%, #9CBAE7 100%);
    background: linear-gradient(to bottom, #5D74D7 0%, #7C98DF 50%, #9CBAE7 100%);
}
</style>