#393B5C - #827B85 | 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 #393B5C to #827B85

#393B5C #827B85

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

#393B5C - #827B85 | 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 #393B5C as 0% and #827B85 as 100%.

0.0%	0.0% #393B5C	RGB 57 59 92	#393B5C
16.7%	16.7% #454562	RGB 69 69 98	#454562
33.3%	33.3% #515069	RGB 81 80 105	#515069
50.0%	50.0% #5D5B70	RGB 93 91 112	#5D5B70
66.7%	66.7% #696577	RGB 105 101 119	#696577
83.3%	83.3% #75707E	RGB 117 112 126	#75707E
100.0%	100.0% #827B85	RGB 130 123 133	#827B85

#393B5C #454562 #515069 #5D5B70 #696577 #75707E #827B85

#393B5C - #827B85

HSV Blend

#393B5C - #827B85 | 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 #393B5C as 0% and #827B85 as 100%.

0.0%	0.0% #393B5C	RGB 57 59 92	#393B5C
16.7%	16.7% #444262	RGB 68 66 98	#444262
33.3%	33.3% #514C69	RGB 81 76 105	#514C69
50.0%	50.0% #5F5670	RGB 95 86 112	#5F5670
66.7%	66.7% #6B6277	RGB 107 98 119	#6B6277
83.3%	83.3% #776E7E	RGB 119 110 126	#776E7E
100.0%	100.0% #827B85	RGB 130 123 133	#827B85

#393B5C #444262 #514C69 #5F5670 #6B6277 #776E7E #827B85

#393B5C - #5F5670 - #827B85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #393B5C 0%, #5F5670 50%, #827B85 100%);
    background: -webkit-linear-gradient(top, #393B5C 0%, #5F5670 50%, #827B85 100%);
    background: linear-gradient(to bottom, #393B5C 0%, #5F5670 50%, #827B85 100%);
}
</style>