#FF1B5E - #FF8A69 | 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 #FF1B5E to #FF8A69

#FF1B5E #FF8A69

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

#FF1B5E - #FF8A69 | 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 #FF1B5E as 0% and #FF8A69 as 100%.

0.0%	0.0% #FF1B5E	RGB 255 27 94	#FF1B5E
16.7%	16.7% #FF2D5F	RGB 255 45 95	#FF2D5F
33.3%	33.3% #FF4061	RGB 255 64 97	#FF4061
50.0%	50.0% #FF5263	RGB 255 82 99	#FF5263
66.7%	66.7% #FF6565	RGB 255 101 101	#FF6565
83.3%	83.3% #FF7767	RGB 255 119 103	#FF7767
100.0%	100.0% #FF8A69	RGB 255 138 105	#FF8A69

#FF1B5E #FF2D5F #FF4061 #FF5263 #FF6565 #FF7767 #FF8A69

#FF1B5E - #FF8A69

HSV Blend

#FF1B5E - #FF8A69 | 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 #FF1B5E as 0% and #FF8A69 as 100%.

0.0%	0.0% #FF1A5D	RGB 255 26 93	#FF1A5D
16.7%	16.7% #FF2754	RGB 255 39 84	#FF2754
33.3%	33.3% #FF344D	RGB 255 52 77	#FF344D
50.0%	50.0% #FF4148	RGB 255 65 72	#FF4148
66.7%	66.7% #FF574F	RGB 255 87 79	#FF574F
83.3%	83.3% #FF715C	RGB 255 113 92	#FF715C
100.0%	100.0% #FF8A69	RGB 255 138 105	#FF8A69

#FF1A5D #FF2754 #FF344D #FF4148 #FF574F #FF715C #FF8A69

#FF1B5E - #FF4148 - #FF8A69

CSS codes

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

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