#5E5F61 - #869BDB | 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 #5E5F61 to #869BDB

#5E5F61 #869BDB

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

#5E5F61 - #869BDB | 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 #5E5F61 as 0% and #869BDB as 100%.

0.0%	0.0% #5E5F61	RGB 94 95 97	#5E5F61
16.7%	16.7% #646975	RGB 100 105 117	#646975
33.3%	33.3% #6B7389	RGB 107 115 137	#6B7389
50.0%	50.0% #727D9E	RGB 114 125 158	#727D9E
66.7%	66.7% #7887B2	RGB 120 135 178	#7887B2
83.3%	83.3% #7F91C6	RGB 127 145 198	#7F91C6
100.0%	100.0% #869BDB	RGB 134 155 219	#869BDB

#5E5F61 #646975 #6B7389 #727D9E #7887B2 #7F91C6 #869BDB

#5E5F61 - #869BDB

HSV Blend

#5E5F61 - #869BDB | 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 #5E5F61 as 0% and #869BDB as 100%.

0.0%	0.0% #5E5F61	RGB 94 95 97	#5E5F61
16.7%	16.7% #6A6E75	RGB 106 110 117	#6A6E75
33.3%	33.3% #757B89	RGB 117 123 137	#757B89
50.0%	50.0% #7C869E	RGB 124 134 158	#7C869E
66.7%	66.7% #828FB2	RGB 130 143 178	#828FB2
83.3%	83.3% #8596C6	RGB 133 150 198	#8596C6
100.0%	100.0% #869BDB	RGB 134 155 219	#869BDB

#5E5F61 #6A6E75 #757B89 #7C869E #828FB2 #8596C6 #869BDB

#5E5F61 - #7C869E - #869BDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5F61 0%, #7C869E 50%, #869BDB 100%);
    background: -webkit-linear-gradient(top, #5E5F61 0%, #7C869E 50%, #869BDB 100%);
    background: linear-gradient(to bottom, #5E5F61 0%, #7C869E 50%, #869BDB 100%);
}
</style>