#6B5E67 - #C77AE3 | 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 #6B5E67 to #C77AE3

#6B5E67 #C77AE3

Calculate the color between two colors, #6B5E67 and #C77AE3. 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)

#6B5E67 - #C77AE3 | 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 #6B5E67 as 0% and #C77AE3 as 100%.

0.0%	0.0% #6B5E67	RGB 107 94 103	#6B5E67
16.7%	16.7% #7A627B	RGB 122 98 123	#7A627B
33.3%	33.3% #896790	RGB 137 103 144	#896790
50.0%	50.0% #996CA5	RGB 153 108 165	#996CA5
66.7%	66.7% #A870B9	RGB 168 112 185	#A870B9
83.3%	83.3% #B775CE	RGB 183 117 206	#B775CE
100.0%	100.0% #C77AE3	RGB 199 122 227	#C77AE3

#6B5E67 #7A627B #896790 #996CA5 #A870B9 #B775CE #C77AE3

#6B5E67 - #C77AE3

HSV Blend

#6B5E67 - #C77AE3 | 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 #6B5E67 as 0% and #C77AE3 as 100%.

0.0%	0.0% #6B5E67	RGB 107 94 103	#6B5E67
16.7%	16.7% #7F687A	RGB 127 104 122	#7F687A
33.3%	33.3% #93708E	RGB 147 112 142	#93708E
50.0%	50.0% #A776A5	RGB 167 118 165	#A776A5
66.7%	66.7% #B679BB	RGB 182 121 187	#B679BB
83.3%	83.3% #C07BCF	RGB 192 123 207	#C07BCF
100.0%	100.0% #C77AE3	RGB 199 122 227	#C77AE3

#6B5E67 #7F687A #93708E #A776A5 #B679BB #C07BCF #C77AE3

#6B5E67 - #A776A5 - #C77AE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E67 0%, #A776A5 50%, #C77AE3 100%);
    background: -webkit-linear-gradient(top, #6B5E67 0%, #A776A5 50%, #C77AE3 100%);
    background: linear-gradient(to bottom, #6B5E67 0%, #A776A5 50%, #C77AE3 100%);
}
</style>