#FF3E4D - #FFC7CC | 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 #FF3E4D to #FFC7CC

#FF3E4D #FFC7CC

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

#FF3E4D - #FFC7CC | 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 #FF3E4D as 0% and #FFC7CC as 100%.

0.0%	0.0% #FF3E4D	RGB 255 62 77	#FF3E4D
16.7%	16.7% #FF5462	RGB 255 84 98	#FF5462
33.3%	33.3% #FF6B77	RGB 255 107 119	#FF6B77
50.0%	50.0% #FF828C	RGB 255 130 140	#FF828C
66.7%	66.7% #FF99A1	RGB 255 153 161	#FF99A1
83.3%	83.3% #FFB0B6	RGB 255 176 182	#FFB0B6
100.0%	100.0% #FFC7CC	RGB 255 199 204	#FFC7CC

#FF3E4D #FF5462 #FF6B77 #FF828C #FF99A1 #FFB0B6 #FFC7CC

#FF3E4D - #FFC7CC

HSV Blend

#FF3E4D - #FFC7CC | 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 #FF3E4D as 0% and #FFC7CC as 100%.

0.0%	0.0% #FF3D4C	RGB 255 61 76	#FF3D4C
16.7%	16.7% #FF5462	RGB 255 84 98	#FF5462
33.3%	33.3% #FF6B77	RGB 255 107 119	#FF6B77
50.0%	50.0% #FF828C	RGB 255 130 140	#FF828C
66.7%	66.7% #FF99A2	RGB 255 153 162	#FF99A2
83.3%	83.3% #FFB0B7	RGB 255 176 183	#FFB0B7
100.0%	100.0% #FFC7CC	RGB 255 199 204	#FFC7CC

#FF3D4C #FF5462 #FF6B77 #FF828C #FF99A2 #FFB0B7 #FFC7CC

#FF3E4D - #FF828C - #FFC7CC

CSS codes

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

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