#FF3A8D - #FFB3AA | 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 #FF3A8D to #FFB3AA

#FF3A8D #FFB3AA

Calculate the color between two colors, #FF3A8D and #FFB3AA. 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)

#FF3A8D - #FFB3AA | 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 #FF3A8D as 0% and #FFB3AA as 100%.

0.0%	0.0% #FF3A8D	RGB 255 58 141	#FF3A8D
16.7%	16.7% #FF4E91	RGB 255 78 145	#FF4E91
33.3%	33.3% #FF6296	RGB 255 98 150	#FF6296
50.0%	50.0% #FF769B	RGB 255 118 155	#FF769B
66.7%	66.7% #FF8AA0	RGB 255 138 160	#FF8AA0
83.3%	83.3% #FF9EA5	RGB 255 158 165	#FF9EA5
100.0%	100.0% #FFB3AA	RGB 255 179 170	#FFB3AA

#FF3A8D #FF4E91 #FF6296 #FF769B #FF8AA0 #FF9EA5 #FFB3AA

#FF3A8D - #FFB3AA

HSV Blend

#FF3A8D - #FFB3AA | 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 #FF3A8D as 0% and #FFB3AA as 100%.

0.0%	0.0% #FF398D	RGB 255 57 141	#FF398D
16.7%	16.7% #FF4C88	RGB 255 76 136	#FF4C88
33.3%	33.3% #FF5F86	RGB 255 95 134	#FF5F86
50.0%	50.0% #FF7188	RGB 255 113 136	#FF7188
66.7%	66.7% #FF848D	RGB 255 132 141	#FF848D
83.3%	83.3% #FF9997	RGB 255 153 151	#FF9997
100.0%	100.0% #FFB3AA	RGB 255 179 170	#FFB3AA

#FF398D #FF4C88 #FF5F86 #FF7188 #FF848D #FF9997 #FFB3AA

#FF3A8D - #FF7188 - #FFB3AA

CSS codes

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

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