#FF014D - #770022 | 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 #FF014D to #770022

#FF014D #770022

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

#FF014D - #770022 | 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 #FF014D as 0% and #770022 as 100%.

0.0%	0.0% #FF014D	RGB 255 1 77	#FF014D
16.7%	16.7% #E80045	RGB 232 0 69	#E80045
33.3%	33.3% #D1003E	RGB 209 0 62	#D1003E
50.0%	50.0% #BB0037	RGB 187 0 55	#BB0037
66.7%	66.7% #A40030	RGB 164 0 48	#A40030
83.3%	83.3% #8D0029	RGB 141 0 41	#8D0029
100.0%	100.0% #770022	RGB 119 0 34	#770022

#FF014D #E80045 #D1003E #BB0037 #A40030 #8D0029 #770022

#FF014D - #770022

HSV Blend

#FF014D - #770022 | 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 #FF014D as 0% and #770022 as 100%.

0.0%	0.0% #FF004C	RGB 255 0 76	#FF004C
16.7%	16.7% #E80045	RGB 232 0 69	#E80045
33.3%	33.3% #D1003E	RGB 209 0 62	#D1003E
50.0%	50.0% #BB0036	RGB 187 0 54	#BB0036
66.7%	66.7% #A4002F	RGB 164 0 47	#A4002F
83.3%	83.3% #8D0028	RGB 141 0 40	#8D0028
100.0%	100.0% #770022	RGB 119 0 34	#770022

#FF004C #E80045 #D1003E #BB0036 #A4002F #8D0028 #770022

#FF014D - #BB0036 - #770022

CSS codes

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

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