#6B5E89 - #F3AA9A | 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 #6B5E89 to #F3AA9A

#6B5E89 #F3AA9A

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

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

0.0%	0.0% #6B5E89	RGB 107 94 137	#6B5E89
16.7%	16.7% #816A8B	RGB 129 106 139	#816A8B
33.3%	33.3% #98778E	RGB 152 119 142	#98778E
50.0%	50.0% #AF8491	RGB 175 132 145	#AF8491
66.7%	66.7% #C59094	RGB 197 144 148	#C59094
83.3%	83.3% #DC9D97	RGB 220 157 151	#DC9D97
100.0%	100.0% #F3AA9A	RGB 243 170 154	#F3AA9A

#6B5E89 #816A8B #98778E #AF8491 #C59094 #DC9D97 #F3AA9A

#6B5E89 - #F3AA9A

HSV Blend

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

0.0%	0.0% #6B5E89	RGB 107 94 137	#6B5E89
16.7%	16.7% #87689A	RGB 135 104 154	#87689A
33.3%	33.3% #A873AC	RGB 168 115 172	#A873AC
50.0%	50.0% #BE7DAE	RGB 190 125 174	#BE7DAE
66.7%	66.7% #CF87A7	RGB 207 135 167	#CF87A7
83.3%	83.3% #E1909B	RGB 225 144 155	#E1909B
100.0%	100.0% #F3AA9A	RGB 243 170 154	#F3AA9A

#6B5E89 #87689A #A873AC #BE7DAE #CF87A7 #E1909B #F3AA9A

#6B5E89 - #BE7DAE - #F3AA9A

CSS codes

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

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