#6B5E90 - #F1ABA2 | 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 #6B5E90 to #F1ABA2

#6B5E90 #F1ABA2

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

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

0.0%	0.0% #6B5E90	RGB 107 94 144	#6B5E90
16.7%	16.7% #816A93	RGB 129 106 147	#816A93
33.3%	33.3% #977796	RGB 151 119 150	#977796
50.0%	50.0% #AE8499	RGB 174 132 153	#AE8499
66.7%	66.7% #C4919C	RGB 196 145 156	#C4919C
83.3%	83.3% #DA9E9F	RGB 218 158 159	#DA9E9F
100.0%	100.0% #F1ABA2	RGB 241 171 162	#F1ABA2

#6B5E90 #816A93 #977796 #AE8499 #C4919C #DA9E9F #F1ABA2

#6B5E90 - #F1ABA2

HSV Blend

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

0.0%	0.0% #6B5E90	RGB 107 94 144	#6B5E90
16.7%	16.7% #8869A0	RGB 136 105 160	#8869A0
33.3%	33.3% #A974B0	RGB 169 116 176	#A974B0
50.0%	50.0% #C07FB4	RGB 192 127 180	#C07FB4
66.7%	66.7% #D08AAE	RGB 208 138 174	#D08AAE
83.3%	83.3% #E096A4	RGB 224 150 164	#E096A4
100.0%	100.0% #F1ABA2	RGB 241 171 162	#F1ABA2

#6B5E90 #8869A0 #A974B0 #C07FB4 #D08AAE #E096A4 #F1ABA2

#6B5E90 - #C07FB4 - #F1ABA2

CSS codes

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

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