#5E75AF - #86CBFD | 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 #5E75AF to #86CBFD

#5E75AF #86CBFD

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

#5E75AF - #86CBFD | 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 #5E75AF as 0% and #86CBFD as 100%.

0.0%	0.0% #5E75AF	RGB 94 117 175	#5E75AF
16.7%	16.7% #6483BC	RGB 100 131 188	#6483BC
33.3%	33.3% #6B91C9	RGB 107 145 201	#6B91C9
50.0%	50.0% #72A0D6	RGB 114 160 214	#72A0D6
66.7%	66.7% #78AEE3	RGB 120 174 227	#78AEE3
83.3%	83.3% #7FBCF0	RGB 127 188 240	#7FBCF0
100.0%	100.0% #86CBFD	RGB 134 203 253	#86CBFD

#5E75AF #6483BC #6B91C9 #72A0D6 #78AEE3 #7FBCF0 #86CBFD

#5E75AF - #86CBFD

HSV Blend

#5E75AF - #86CBFD | 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 #5E75AF as 0% and #86CBFD as 100%.

0.0%	0.0% #5E75AF	RGB 94 117 175	#5E75AF
16.7%	16.7% #6481BC	RGB 100 129 188	#6481BC
33.3%	33.3% #6B8FC9	RGB 107 143 201	#6B8FC9
50.0%	50.0% #729DD6	RGB 114 157 214	#729DD6
66.7%	66.7% #78ABE3	RGB 120 171 227	#78ABE3
83.3%	83.3% #7FBBF0	RGB 127 187 240	#7FBBF0
100.0%	100.0% #86CBFD	RGB 134 203 253	#86CBFD

#5E75AF #6481BC #6B8FC9 #729DD6 #78ABE3 #7FBBF0 #86CBFD

#5E75AF - #729DD6 - #86CBFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E75AF 0%, #729DD6 50%, #86CBFD 100%);
    background: -webkit-linear-gradient(top, #5E75AF 0%, #729DD6 50%, #86CBFD 100%);
    background: linear-gradient(to bottom, #5E75AF 0%, #729DD6 50%, #86CBFD 100%);
}
</style>