#FF016C - #FF767E | 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 #FF016C to #FF767E

#FF016C #FF767E

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

#FF016C - #FF767E | 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 #FF016C as 0% and #FF767E as 100%.

0.0%	0.0% #FF016C	RGB 255 1 108	#FF016C
16.7%	16.7% #FF146F	RGB 255 20 111	#FF146F
33.3%	33.3% #FF2872	RGB 255 40 114	#FF2872
50.0%	50.0% #FF3B75	RGB 255 59 117	#FF3B75
66.7%	66.7% #FF4F78	RGB 255 79 120	#FF4F78
83.3%	83.3% #FF627B	RGB 255 98 123	#FF627B
100.0%	100.0% #FF767E	RGB 255 118 126	#FF767E

#FF016C #FF146F #FF2872 #FF3B75 #FF4F78 #FF627B #FF767E

#FF016C - #FF767E

HSV Blend

#FF016C - #FF767E | 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 #FF016C as 0% and #FF767E as 100%.

0.0%	0.0% #FF006C	RGB 255 0 108	#FF006C
16.7%	16.7% #FF1469	RGB 255 20 105	#FF1469
33.3%	33.3% #FF2768	RGB 255 39 104	#FF2768
50.0%	50.0% #FF3B6A	RGB 255 59 106	#FF3B6A
66.7%	66.7% #FF4F6E	RGB 255 79 110	#FF4F6E
83.3%	83.3% #FF6275	RGB 255 98 117	#FF6275
100.0%	100.0% #FF767E	RGB 255 118 126	#FF767E

#FF006C #FF1469 #FF2768 #FF3B6A #FF4F6E #FF6275 #FF767E

#FF016C - #FF3B6A - #FF767E

CSS codes

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

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