#76768D - #C39BF6 | 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 #76768D to #C39BF6

#76768D #C39BF6

Calculate the color between two colors, #76768D and #C39BF6. 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)

#76768D - #C39BF6 | 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 #76768D as 0% and #C39BF6 as 100%.

0.0%	0.0% #76768D	RGB 118 118 141	#76768D
16.7%	16.7% #827C9E	RGB 130 124 158	#827C9E
33.3%	33.3% #8F82B0	RGB 143 130 176	#8F82B0
50.0%	50.0% #9C88C1	RGB 156 136 193	#9C88C1
66.7%	66.7% #A98ED3	RGB 169 142 211	#A98ED3
83.3%	83.3% #B694E4	RGB 182 148 228	#B694E4
100.0%	100.0% #C39BF6	RGB 195 155 246	#C39BF6

#76768D #827C9E #8F82B0 #9C88C1 #A98ED3 #B694E4 #C39BF6

#76768D - #C39BF6

HSV Blend

#76768D - #C39BF6 | 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 #76768D as 0% and #C39BF6 as 100%.

0.0%	0.0% #76768D	RGB 118 118 141	#76768D
16.7%	16.7% #817F9E	RGB 129 127 158	#817F9E
33.3%	33.3% #8D87B0	RGB 141 135 176	#8D87B0
50.0%	50.0% #998DC1	RGB 153 141 193	#998DC1
66.7%	66.7% #A693D3	RGB 166 147 211	#A693D3
83.3%	83.3% #B397E4	RGB 179 151 228	#B397E4
100.0%	100.0% #C39BF6	RGB 195 155 246	#C39BF6

#76768D #817F9E #8D87B0 #998DC1 #A693D3 #B397E4 #C39BF6

#76768D - #998DC1 - #C39BF6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76768D 0%, #998DC1 50%, #C39BF6 100%);
    background: -webkit-linear-gradient(top, #76768D 0%, #998DC1 50%, #C39BF6 100%);
    background: linear-gradient(to bottom, #76768D 0%, #998DC1 50%, #C39BF6 100%);
}
</style>