#FFA1C5 - #CD2D4D | 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 #FFA1C5 to #CD2D4D

#FFA1C5 #CD2D4D

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

#FFA1C5 - #CD2D4D | 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 #FFA1C5 as 0% and #CD2D4D as 100%.

0.0%	0.0% #FFA1C5	RGB 255 161 197	#FFA1C5
16.7%	16.7% #F68DB1	RGB 246 141 177	#F68DB1
33.3%	33.3% #EE7A9D	RGB 238 122 157	#EE7A9D
50.0%	50.0% #E66789	RGB 230 103 137	#E66789
66.7%	66.7% #DD5375	RGB 221 83 117	#DD5375
83.3%	83.3% #D54061	RGB 213 64 97	#D54061
100.0%	100.0% #CD2D4D	RGB 205 45 77	#CD2D4D

#FFA1C5 #F68DB1 #EE7A9D #E66789 #DD5375 #D54061 #CD2D4D

#FFA1C5 - #CD2D4D

HSV Blend

#FFA1C5 - #CD2D4D | 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 #FFA1C5 as 0% and #CD2D4D as 100%.

0.0%	0.0% #FFA1C5	RGB 255 161 197	#FFA1C5
16.7%	16.7% #F68AB0	RGB 246 138 176	#F68AB0
33.3%	33.3% #EE759C	RGB 238 117 156	#EE759C
50.0%	50.0% #E66188	RGB 230 97 136	#E66188
66.7%	66.7% #DD4F74	RGB 221 79 116	#DD4F74
83.3%	83.3% #D53D60	RGB 213 61 96	#D53D60
100.0%	100.0% #CD2D4D	RGB 205 45 77	#CD2D4D

#FFA1C5 #F68AB0 #EE759C #E66188 #DD4F74 #D53D60 #CD2D4D

#FFA1C5 - #E66188 - #CD2D4D

CSS codes

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

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