#C7C7DF - #756BA0 | 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 #C7C7DF to #756BA0

#C7C7DF #756BA0

Calculate the color between two colors, #C7C7DF and #756BA0. 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)

#C7C7DF - #756BA0 | 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 #C7C7DF as 0% and #756BA0 as 100%.

0.0%	0.0% #C7C7DF	RGB 199 199 223	#C7C7DF
16.7%	16.7% #B9B7D4	RGB 185 183 212	#B9B7D4
33.3%	33.3% #ABA8CA	RGB 171 168 202	#ABA8CA
50.0%	50.0% #9E99BF	RGB 158 153 191	#9E99BF
66.7%	66.7% #9089B5	RGB 144 137 181	#9089B5
83.3%	83.3% #827AAA	RGB 130 122 170	#827AAA
100.0%	100.0% #756BA0	RGB 117 107 160	#756BA0

#C7C7DF #B9B7D4 #ABA8CA #9E99BF #9089B5 #827AAA #756BA0

#C7C7DF - #756BA0

HSV Blend

#C7C7DF - #756BA0 | 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 #C7C7DF as 0% and #756BA0 as 100%.

0.0%	0.0% #C7C7DF	RGB 199 199 223	#C7C7DF
16.7%	16.7% #B6B5D4	RGB 182 181 212	#B6B5D4
33.3%	33.3% #A7A5CA	RGB 167 165 202	#A7A5CA
50.0%	50.0% #9995BF	RGB 153 149 191	#9995BF
66.7%	66.7% #8C86B5	RGB 140 134 181	#8C86B5
83.3%	83.3% #8078AA	RGB 128 120 170	#8078AA
100.0%	100.0% #756BA0	RGB 117 107 160	#756BA0

#C7C7DF #B6B5D4 #A7A5CA #9995BF #8C86B5 #8078AA #756BA0

#C7C7DF - #9995BF - #756BA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7C7DF 0%, #9995BF 50%, #756BA0 100%);
    background: -webkit-linear-gradient(top, #C7C7DF 0%, #9995BF 50%, #756BA0 100%);
    background: linear-gradient(to bottom, #C7C7DF 0%, #9995BF 50%, #756BA0 100%);
}
</style>