#6E5E98 - #F0ACA9 | 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 #6E5E98 to #F0ACA9

#6E5E98 #F0ACA9

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

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

0.0%	0.0% #6E5E98	RGB 110 94 152	#6E5E98
16.7%	16.7% #836B9A	RGB 131 107 154	#836B9A
33.3%	33.3% #99789D	RGB 153 120 157	#99789D
50.0%	50.0% #AF85A0	RGB 175 133 160	#AF85A0
66.7%	66.7% #C492A3	RGB 196 146 163	#C492A3
83.3%	83.3% #DA9FA6	RGB 218 159 166	#DA9FA6
100.0%	100.0% #F0ACA9	RGB 240 172 169	#F0ACA9

#6E5E98 #836B9A #99789D #AF85A0 #C492A3 #DA9FA6 #F0ACA9

#6E5E98 - #F0ACA9

HSV Blend

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

0.0%	0.0% #6E5E98	RGB 110 94 152	#6E5E98
16.7%	16.7% #8C69A6	RGB 140 105 166	#8C69A6
33.3%	33.3% #AC75B5	RGB 172 117 181	#AC75B5
50.0%	50.0% #C481B9	RGB 196 129 185	#C481B9
66.7%	66.7% #D28EB3	RGB 210 142 179	#D28EB3
83.3%	83.3% #E19BAD	RGB 225 155 173	#E19BAD
100.0%	100.0% #F0ACA9	RGB 240 172 169	#F0ACA9

#6E5E98 #8C69A6 #AC75B5 #C481B9 #D28EB3 #E19BAD #F0ACA9

#6E5E98 - #C481B9 - #F0ACA9

CSS codes

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

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