#5E92AD - #B6B4F7 | 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 #5E92AD to #B6B4F7

#5E92AD #B6B4F7

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

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #6C97B9	RGB 108 151 185	#6C97B9
33.3%	33.3% #7B9DC5	RGB 123 157 197	#7B9DC5
50.0%	50.0% #8AA3D2	RGB 138 163 210	#8AA3D2
66.7%	66.7% #98A8DE	RGB 152 168 222	#98A8DE
83.3%	83.3% #A7AEEA	RGB 167 174 234	#A7AEEA
100.0%	100.0% #B6B4F7	RGB 182 180 247	#B6B4F7

#5E92AD #6C97B9 #7B9DC5 #8AA3D2 #98A8DE #A7AEEA #B6B4F7

#5E92AD - #B6B4F7

HSV Blend

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

0.0%	0.0% #5E92AD	RGB 94 146 173	#5E92AD
16.7%	16.7% #6A95B9	RGB 106 149 185	#6A95B9
33.3%	33.3% #7799C5	RGB 119 153 197	#7799C5
50.0%	50.0% #859DD2	RGB 133 157 210	#859DD2
66.7%	66.7% #94A3DE	RGB 148 163 222	#94A3DE
83.3%	83.3% #A3A9EA	RGB 163 169 234	#A3A9EA
100.0%	100.0% #B6B4F7	RGB 182 180 247	#B6B4F7

#5E92AD #6A95B9 #7799C5 #859DD2 #94A3DE #A3A9EA #B6B4F7

#5E92AD - #859DD2 - #B6B4F7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E92AD 0%, #859DD2 50%, #B6B4F7 100%);
    background: -webkit-linear-gradient(top, #5E92AD 0%, #859DD2 50%, #B6B4F7 100%);
    background: linear-gradient(to bottom, #5E92AD 0%, #859DD2 50%, #B6B4F7 100%);
}
</style>