#392B5C - #C6C2D0 | 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 #392B5C to #C6C2D0

#392B5C #C6C2D0

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

#392B5C - #C6C2D0 | 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 #392B5C as 0% and #C6C2D0 as 100%.

0.0%	0.0% #392B5C	RGB 57 43 92	#392B5C
16.7%	16.7% #50446F	RGB 80 68 111	#50446F
33.3%	33.3% #685D82	RGB 104 93 130	#685D82
50.0%	50.0% #7F7696	RGB 127 118 150	#7F7696
66.7%	66.7% #978FA9	RGB 151 143 169	#978FA9
83.3%	83.3% #AEA8BC	RGB 174 168 188	#AEA8BC
100.0%	100.0% #C6C2D0	RGB 198 194 208	#C6C2D0

#392B5C #50446F #685D82 #7F7696 #978FA9 #AEA8BC #C6C2D0

#392B5C - #C6C2D0

HSV Blend

#392B5C - #C6C2D0 | 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 #392B5C as 0% and #C6C2D0 as 100%.

0.0%	0.0% #392B5C	RGB 57 43 92	#392B5C
16.7%	16.7% #4B3C6F	RGB 75 60 111	#4B3C6F
33.3%	33.3% #5F5182	RGB 95 81 130	#5F5182
50.0%	50.0% #756996	RGB 117 105 150	#756996
66.7%	66.7% #8E83A9	RGB 142 131 169	#8E83A9
83.3%	83.3% #A9A1BC	RGB 169 161 188	#A9A1BC
100.0%	100.0% #C6C2D0	RGB 198 194 208	#C6C2D0

#392B5C #4B3C6F #5F5182 #756996 #8E83A9 #A9A1BC #C6C2D0

#392B5C - #756996 - #C6C2D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392B5C 0%, #756996 50%, #C6C2D0 100%);
    background: -webkit-linear-gradient(top, #392B5C 0%, #756996 50%, #C6C2D0 100%);
    background: linear-gradient(to bottom, #392B5C 0%, #756996 50%, #C6C2D0 100%);
}
</style>