#6B5E7C - #F6A78B | 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 #6B5E7C to #F6A78B

#6B5E7C #F6A78B

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

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

0.0%	0.0% #6B5E7C	RGB 107 94 124	#6B5E7C
16.7%	16.7% #826A7E	RGB 130 106 126	#826A7E
33.3%	33.3% #997681	RGB 153 118 129	#997681
50.0%	50.0% #B08283	RGB 176 130 131	#B08283
66.7%	66.7% #C78E86	RGB 199 142 134	#C78E86
83.3%	83.3% #DE9A88	RGB 222 154 136	#DE9A88
100.0%	100.0% #F6A78B	RGB 246 167 139	#F6A78B

#6B5E7C #826A7E #997681 #B08283 #C78E86 #DE9A88 #F6A78B

#6B5E7C - #F6A78B

HSV Blend

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

0.0%	0.0% #6B5E7C	RGB 107 94 124	#6B5E7C
16.7%	16.7% #856890	RGB 133 104 144	#856890
33.3%	33.3% #A472A2	RGB 164 114 162	#A472A2
50.0%	50.0% #B97AA3	RGB 185 122 163	#B97AA3
66.7%	66.7% #CD819B	RGB 205 129 155	#CD819B
83.3%	83.3% #E1868A	RGB 225 134 138	#E1868A
100.0%	100.0% #F6A78B	RGB 246 167 139	#F6A78B

#6B5E7C #856890 #A472A2 #B97AA3 #CD819B #E1868A #F6A78B

#6B5E7C - #B97AA3 - #F6A78B

CSS codes

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

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