#5E7CAB - #B098F9 | 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 #5E7CAB to #B098F9

#5E7CAB #B098F9

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

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

0.0%	0.0% #5E7CAB	RGB 94 124 171	#5E7CAB
16.7%	16.7% #6B80B8	RGB 107 128 184	#6B80B8
33.3%	33.3% #7985C5	RGB 121 133 197	#7985C5
50.0%	50.0% #878AD2	RGB 135 138 210	#878AD2
66.7%	66.7% #948EDF	RGB 148 142 223	#948EDF
83.3%	83.3% #A293EC	RGB 162 147 236	#A293EC
100.0%	100.0% #B098F9	RGB 176 152 249	#B098F9

#5E7CAB #6B80B8 #7985C5 #878AD2 #948EDF #A293EC #B098F9

#5E7CAB - #B098F9

HSV Blend

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

0.0%	0.0% #5E7CAB	RGB 94 124 171	#5E7CAB
16.7%	16.7% #677DB8	RGB 103 125 184	#677DB8
33.3%	33.3% #707FC5	RGB 112 127 197	#707FC5
50.0%	50.0% #7980D2	RGB 121 128 210	#7980D2
66.7%	66.7% #8683DF	RGB 134 131 223	#8683DF
83.3%	83.3% #9A8DEC	RGB 154 141 236	#9A8DEC
100.0%	100.0% #B098F9	RGB 176 152 249	#B098F9

#5E7CAB #677DB8 #707FC5 #7980D2 #8683DF #9A8DEC #B098F9

#5E7CAB - #7980D2 - #B098F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7CAB 0%, #7980D2 50%, #B098F9 100%);
    background: -webkit-linear-gradient(top, #5E7CAB 0%, #7980D2 50%, #B098F9 100%);
    background: linear-gradient(to bottom, #5E7CAB 0%, #7980D2 50%, #B098F9 100%);
}
</style>