#FF4D4D - #FFCCCC | 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 #FF4D4D to #FFCCCC

#FF4D4D #FFCCCC

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

#FF4D4D - #FFCCCC | 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 #FF4D4D as 0% and #FFCCCC as 100%.

0.0%	0.0% #FF4D4D	RGB 255 77 77	#FF4D4D
16.7%	16.7% #FF6262	RGB 255 98 98	#FF6262
33.3%	33.3% #FF7777	RGB 255 119 119	#FF7777
50.0%	50.0% #FF8C8C	RGB 255 140 140	#FF8C8C
66.7%	66.7% #FFA1A1	RGB 255 161 161	#FFA1A1
83.3%	83.3% #FFB6B6	RGB 255 182 182	#FFB6B6
100.0%	100.0% #FFCCCC	RGB 255 204 204	#FFCCCC

#FF4D4D #FF6262 #FF7777 #FF8C8C #FFA1A1 #FFB6B6 #FFCCCC

#FF4D4D - #FFCCCC

HSV Blend

#FF4D4D - #FFCCCC | 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 #FF4D4D as 0% and #FFCCCC as 100%.

0.0%	0.0% #FF4D4D	RGB 255 77 77	#FF4D4D
16.7%	16.7% #FF6262	RGB 255 98 98	#FF6262
33.3%	33.3% #FF7777	RGB 255 119 119	#FF7777
50.0%	50.0% #FF8C8C	RGB 255 140 140	#FF8C8C
66.7%	66.7% #FFA1A1	RGB 255 161 161	#FFA1A1
83.3%	83.3% #FFB6B6	RGB 255 182 182	#FFB6B6
100.0%	100.0% #FFCCCC	RGB 255 204 204	#FFCCCC

#FF4D4D #FF6262 #FF7777 #FF8C8C #FFA1A1 #FFB6B6 #FFCCCC

#FF4D4D - #FF8C8C - #FFCCCC

CSS codes

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

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