#5B5EAB - #9FA5C6 | 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 #5B5EAB to #9FA5C6

#5B5EAB #9FA5C6

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

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

0.0%	0.0% #5B5EAB	RGB 91 94 171	#5B5EAB
16.7%	16.7% #6669AF	RGB 102 105 175	#6669AF
33.3%	33.3% #7175B4	RGB 113 117 180	#7175B4
50.0%	50.0% #7D81B8	RGB 125 129 184	#7D81B8
66.7%	66.7% #888DBD	RGB 136 141 189	#888DBD
83.3%	83.3% #9399C1	RGB 147 153 193	#9399C1
100.0%	100.0% #9FA5C6	RGB 159 165 198	#9FA5C6

#5B5EAB #6669AF #7175B4 #7D81B8 #888DBD #9399C1 #9FA5C6

#5B5EAB - #9FA5C6

HSV Blend

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

0.0%	0.0% #5B5EAB	RGB 91 94 171	#5B5EAB
16.7%	16.7% #6569AF	RGB 101 105 175	#6569AF
33.3%	33.3% #7075B4	RGB 112 117 180	#7075B4
50.0%	50.0% #7B81B8	RGB 123 129 184	#7B81B8
66.7%	66.7% #868CBD	RGB 134 140 189	#868CBD
83.3%	83.3% #9298C1	RGB 146 152 193	#9298C1
100.0%	100.0% #9FA5C6	RGB 159 165 198	#9FA5C6

#5B5EAB #6569AF #7075B4 #7B81B8 #868CBD #9298C1 #9FA5C6

#5B5EAB - #7B81B8 - #9FA5C6

CSS codes

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

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