#5E79AE - #B5BBC5 | 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 #5E79AE to #B5BBC5

#5E79AE #B5BBC5

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

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #6C84B1	RGB 108 132 177	#6C84B1
33.3%	33.3% #7B8FB5	RGB 123 143 181	#7B8FB5
50.0%	50.0% #899AB9	RGB 137 154 185	#899AB9
66.7%	66.7% #98A5BD	RGB 152 165 189	#98A5BD
83.3%	83.3% #A6B0C1	RGB 166 176 193	#A6B0C1
100.0%	100.0% #B5BBC5	RGB 181 187 197	#B5BBC5

#5E79AE #6C84B1 #7B8FB5 #899AB9 #98A5BD #A6B0C1 #B5BBC5

#5E79AE - #B5BBC5

HSV Blend

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

0.0%	0.0% #5E79AE	RGB 94 121 174	#5E79AE
16.7%	16.7% #6B83B1	RGB 107 131 177	#6B83B1
33.3%	33.3% #798EB5	RGB 121 142 181	#798EB5
50.0%	50.0% #8799B9	RGB 135 153 185	#8799B9
66.7%	66.7% #96A4BD	RGB 150 164 189	#96A4BD
83.3%	83.3% #A5AFC1	RGB 165 175 193	#A5AFC1
100.0%	100.0% #B5BBC5	RGB 181 187 197	#B5BBC5

#5E79AE #6B83B1 #798EB5 #8799B9 #96A4BD #A5AFC1 #B5BBC5

#5E79AE - #8799B9 - #B5BBC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E79AE 0%, #8799B9 50%, #B5BBC5 100%);
    background: -webkit-linear-gradient(top, #5E79AE 0%, #8799B9 50%, #B5BBC5 100%);
    background: linear-gradient(to bottom, #5E79AE 0%, #8799B9 50%, #B5BBC5 100%);
}
</style>