#FF4386 - #A0084B | 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 #FF4386 to #A0084B

#FF4386 #A0084B

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

#FF4386 - #A0084B | 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 #FF4386 as 0% and #A0084B as 100%.

0.0%	0.0% #FF4386	RGB 255 67 134	#FF4386
16.7%	16.7% #EF397C	RGB 239 57 124	#EF397C
33.3%	33.3% #DF2F72	RGB 223 47 114	#DF2F72
50.0%	50.0% #CF2568	RGB 207 37 104	#CF2568
66.7%	66.7% #BF1B5E	RGB 191 27 94	#BF1B5E
83.3%	83.3% #AF1154	RGB 175 17 84	#AF1154
100.0%	100.0% #A0084B	RGB 160 8 75	#A0084B

#FF4386 #EF397C #DF2F72 #CF2568 #BF1B5E #AF1154 #A0084B

#FF4386 - #A0084B

HSV Blend

#FF4386 - #A0084B | 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 #FF4386 as 0% and #A0084B as 100%.

0.0%	0.0% #FF4386	RGB 255 67 134	#FF4386
16.7%	16.7% #EF367A	RGB 239 54 122	#EF367A
33.3%	33.3% #DF2A70	RGB 223 42 112	#DF2A70
50.0%	50.0% #CF2066	RGB 207 32 102	#CF2066
66.7%	66.7% #BF175C	RGB 191 23 92	#BF175C
83.3%	83.3% #AF0F53	RGB 175 15 83	#AF0F53
100.0%	100.0% #A0084B	RGB 160 8 75	#A0084B

#FF4386 #EF367A #DF2A70 #CF2066 #BF175C #AF0F53 #A0084B

#FF4386 - #CF2066 - #A0084B

CSS codes

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

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