#393E5E - #C6C7D1 | 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 #393E5E to #C6C7D1

#393E5E #C6C7D1

Calculate the color between two colors, #393E5E and #C6C7D1. 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)

#393E5E - #C6C7D1 | 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 #393E5E as 0% and #C6C7D1 as 100%.

0.0%	0.0% #393E5E	RGB 57 62 94	#393E5E
16.7%	16.7% #505471	RGB 80 84 113	#505471
33.3%	33.3% #686B84	RGB 104 107 132	#686B84
50.0%	50.0% #7F8297	RGB 127 130 151	#7F8297
66.7%	66.7% #9799AA	RGB 151 153 170	#9799AA
83.3%	83.3% #AEB0BD	RGB 174 176 189	#AEB0BD
100.0%	100.0% #C6C7D1	RGB 198 199 209	#C6C7D1

#393E5E #505471 #686B84 #7F8297 #9799AA #AEB0BD #C6C7D1

#393E5E - #C6C7D1

HSV Blend

#393E5E - #C6C7D1 | 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 #393E5E as 0% and #C6C7D1 as 100%.

0.0%	0.0% #393E5E	RGB 57 62 94	#393E5E
16.7%	16.7% #4B4F71	RGB 75 79 113	#4B4F71
33.3%	33.3% #5F6384	RGB 95 99 132	#5F6384
50.0%	50.0% #757997	RGB 117 121 151	#757997
66.7%	66.7% #8E91AA	RGB 142 145 170	#8E91AA
83.3%	83.3% #A9ABBD	RGB 169 171 189	#A9ABBD
100.0%	100.0% #C6C7D1	RGB 198 199 209	#C6C7D1

#393E5E #4B4F71 #5F6384 #757997 #8E91AA #A9ABBD #C6C7D1

#393E5E - #757997 - #C6C7D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393E5E 0%, #757997 50%, #C6C7D1 100%);
    background: -webkit-linear-gradient(top, #393E5E 0%, #757997 50%, #C6C7D1 100%);
    background: linear-gradient(to bottom, #393E5E 0%, #757997 50%, #C6C7D1 100%);
}
</style>