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

#7D6A8C #FFB295

Calculate the color between two colors, #7D6A8C 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)

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

0.0%	0.0% #7D6A8C	RGB 125 106 140	#7D6A8C
16.7%	16.7% #92768D	RGB 146 118 141	#92768D
33.3%	33.3% #A8828F	RGB 168 130 143	#A8828F
50.0%	50.0% #BE8E90	RGB 190 142 144	#BE8E90
66.7%	66.7% #D39A92	RGB 211 154 146	#D39A92
83.3%	83.3% #E9A693	RGB 233 166 147	#E9A693
100.0%	100.0% #FFB295	RGB 255 178 149	#FFB295

#7D6A8C #92768D #A8828F #BE8E90 #D39A92 #E9A693 #FFB295

#7D6A8C - #FFB295

HSV Blend

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

0.0%	0.0% #7D6A8C	RGB 125 106 140	#7D6A8C
16.7%	16.7% #98739F	RGB 152 115 159	#98739F
33.3%	33.3% #B27CAB	RGB 178 124 171	#B27CAB
50.0%	50.0% #C584AA	RGB 197 132 170	#C584AA
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

#7D6A8C #98739F #B27CAB #C584AA #D88BA2 #EB9091 #FFB295

#7D6A8C - #C584AA - #FFB295

CSS codes

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

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