#7E6B8C - #FFB295 | 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 #7E6B8C to #FFB295

#7E6B8C #FFB295

Calculate the color between two colors, #7E6B8C and #FFB295. 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)

#7E6B8C - #FFB295 | 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 #7E6B8C as 0% and #FFB295 as 100%.

0.0%	0.0% #7E6B8C	RGB 126 107 140	#7E6B8C
16.7%	16.7% #93768D	RGB 147 118 141	#93768D
33.3%	33.3% #A9828F	RGB 169 130 143	#A9828F
50.0%	50.0% #BE8E90	RGB 190 142 144	#BE8E90
66.7%	66.7% #D49A92	RGB 212 154 146	#D49A92
83.3%	83.3% #E9A693	RGB 233 166 147	#E9A693
100.0%	100.0% #FFB295	RGB 255 178 149	#FFB295

#7E6B8C #93768D #A9828F #BE8E90 #D49A92 #E9A693 #FFB295

#7E6B8C - #FFB295

HSV Blend

#7E6B8C - #FFB295 | 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 #7E6B8C as 0% and #FFB295 as 100%.

0.0%	0.0% #7E6B8C	RGB 126 107 140	#7E6B8C
16.7%	16.7% #99749F	RGB 153 116 159	#99749F
33.3%	33.3% #B27DAA	RGB 178 125 170	#B27DAA
50.0%	50.0% #C585AA	RGB 197 133 170	#C585AA
66.7%	66.7% #D88BA2	RGB 216 139 162	#D88BA2
83.3%	83.3% #EB9091	RGB 235 144 145	#EB9091
100.0%	100.0% #FFB295	RGB 255 178 149	#FFB295

#7E6B8C #99749F #B27DAA #C585AA #D88BA2 #EB9091 #FFB295

#7E6B8C - #C585AA - #FFB295

CSS codes

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

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