#6E5E92 - #F2ABA3 | 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 #6E5E92 to #F2ABA3

#6E5E92 #F2ABA3

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

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

0.0%	0.0% #6E5E92	RGB 110 94 146	#6E5E92
16.7%	16.7% #846A94	RGB 132 106 148	#846A94
33.3%	33.3% #9A7797	RGB 154 119 151	#9A7797
50.0%	50.0% #B0849A	RGB 176 132 154	#B0849A
66.7%	66.7% #C6919D	RGB 198 145 157	#C6919D
83.3%	83.3% #DC9EA0	RGB 220 158 160	#DC9EA0
100.0%	100.0% #F2ABA3	RGB 242 171 163	#F2ABA3

#6E5E92 #846A94 #9A7797 #B0849A #C6919D #DC9EA0 #F2ABA3

#6E5E92 - #F2ABA3

HSV Blend

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

0.0%	0.0% #6E5E92	RGB 110 94 146	#6E5E92
16.7%	16.7% #8B69A2	RGB 139 105 162	#8B69A2
33.3%	33.3% #AC74B2	RGB 172 116 178	#AC74B2
50.0%	50.0% #C27FB4	RGB 194 127 180	#C27FB4
66.7%	66.7% #D28BAE	RGB 210 139 174	#D28BAE
83.3%	83.3% #E297A5	RGB 226 151 165	#E297A5
100.0%	100.0% #F2ABA3	RGB 242 171 163	#F2ABA3

#6E5E92 #8B69A2 #AC74B2 #C27FB4 #D28BAE #E297A5 #F2ABA3

#6E5E92 - #C27FB4 - #F2ABA3

CSS codes

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

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