#FF0E6B - #FFBAD4 | 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 #FF0E6B to #FFBAD4

#FF0E6B #FFBAD4

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

#FF0E6B - #FFBAD4 | 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 #FF0E6B as 0% and #FFBAD4 as 100%.

0.0%	0.0% #FF0E6B	RGB 255 14 107	#FF0E6B
16.7%	16.7% #FF2A7C	RGB 255 42 124	#FF2A7C
33.3%	33.3% #FF478E	RGB 255 71 142	#FF478E
50.0%	50.0% #FF649F	RGB 255 100 159	#FF649F
66.7%	66.7% #FF80B1	RGB 255 128 177	#FF80B1
83.3%	83.3% #FF9DC2	RGB 255 157 194	#FF9DC2
100.0%	100.0% #FFBAD4	RGB 255 186 212	#FFBAD4

#FF0E6B #FF2A7C #FF478E #FF649F #FF80B1 #FF9DC2 #FFBAD4

#FF0E6B - #FFBAD4

HSV Blend

#FF0E6B - #FFBAD4 | 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 #FF0E6B as 0% and #FFBAD4 as 100%.

0.0%	0.0% #FF0D6B	RGB 255 13 107	#FF0D6B
16.7%	16.7% #FF2A7C	RGB 255 42 124	#FF2A7C
33.3%	33.3% #FF478D	RGB 255 71 141	#FF478D
50.0%	50.0% #FF639F	RGB 255 99 159	#FF639F
66.7%	66.7% #FF80B0	RGB 255 128 176	#FF80B0
83.3%	83.3% #FF9DC2	RGB 255 157 194	#FF9DC2
100.0%	100.0% #FFBAD4	RGB 255 186 212	#FFBAD4

#FF0D6B #FF2A7C #FF478D #FF639F #FF80B0 #FF9DC2 #FFBAD4

#FF0E6B - #FF639F - #FFBAD4

CSS codes

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

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