#403C5C - #C8C7D0 | 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 #403C5C to #C8C7D0

#403C5C #C8C7D0

Calculate the color between two colors, #403C5C and #C8C7D0. 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)

#403C5C - #C8C7D0 | 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 #403C5C as 0% and #C8C7D0 as 100%.

0.0%	0.0% #403C5C	RGB 64 60 92	#403C5C
16.7%	16.7% #56536F	RGB 86 83 111	#56536F
33.3%	33.3% #6D6A82	RGB 109 106 130	#6D6A82
50.0%	50.0% #848196	RGB 132 129 150	#848196
66.7%	66.7% #9A98A9	RGB 154 152 169	#9A98A9
83.3%	83.3% #B1AFBC	RGB 177 175 188	#B1AFBC
100.0%	100.0% #C8C7D0	RGB 200 199 208	#C8C7D0

#403C5C #56536F #6D6A82 #848196 #9A98A9 #B1AFBC #C8C7D0

#403C5C - #C8C7D0

HSV Blend

#403C5C - #C8C7D0 | 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 #403C5C as 0% and #C8C7D0 as 100%.

0.0%	0.0% #403C5C	RGB 64 60 92	#403C5C
16.7%	16.7% #524E6F	RGB 82 78 111	#524E6F
33.3%	33.3% #666282	RGB 102 98 130	#666282
50.0%	50.0% #7C7896	RGB 124 120 150	#7C7896
66.7%	66.7% #9390A9	RGB 147 144 169	#9390A9
83.3%	83.3% #ACAABC	RGB 172 170 188	#ACAABC
100.0%	100.0% #C8C7D0	RGB 200 199 208	#C8C7D0

#403C5C #524E6F #666282 #7C7896 #9390A9 #ACAABC #C8C7D0

#403C5C - #7C7896 - #C8C7D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403C5C 0%, #7C7896 50%, #C8C7D0 100%);
    background: -webkit-linear-gradient(top, #403C5C 0%, #7C7896 50%, #C8C7D0 100%);
    background: linear-gradient(to bottom, #403C5C 0%, #7C7896 50%, #C8C7D0 100%);
}
</style>