#DF58A2 - #FFC1C2 | 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 #DF58A2 to #FFC1C2

#DF58A2 #FFC1C2

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

#DF58A2 - #FFC1C2 | 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 #DF58A2 as 0% and #FFC1C2 as 100%.

0.0%	0.0% #DF58A2	RGB 223 88 162	#DF58A2
16.7%	16.7% #E469A7	RGB 228 105 167	#E469A7
33.3%	33.3% #E97BAC	RGB 233 123 172	#E97BAC
50.0%	50.0% #EF8CB2	RGB 239 140 178	#EF8CB2
66.7%	66.7% #F49EB7	RGB 244 158 183	#F49EB7
83.3%	83.3% #F9AFBC	RGB 249 175 188	#F9AFBC
100.0%	100.0% #FFC1C2	RGB 255 193 194	#FFC1C2

#DF58A2 #E469A7 #E97BAC #EF8CB2 #F49EB7 #F9AFBC #FFC1C2

#DF58A2 - #FFC1C2

HSV Blend

#DF58A2 - #FFC1C2 | 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 #DF58A2 as 0% and #FFC1C2 as 100%.

0.0%	0.0% #DF58A1	RGB 223 88 161	#DF58A1
16.7%	16.7% #E467A1	RGB 228 103 161	#E467A1
33.3%	33.3% #E978A2	RGB 233 120 162	#E978A2
50.0%	50.0% #EF89A6	RGB 239 137 166	#EF89A6
66.7%	66.7% #F49BAC	RGB 244 155 172	#F49BAC
83.3%	83.3% #F9ADB5	RGB 249 173 181	#F9ADB5
100.0%	100.0% #FFC1C2	RGB 255 193 194	#FFC1C2

#DF58A1 #E467A1 #E978A2 #EF89A6 #F49BAC #F9ADB5 #FFC1C2

#DF58A2 - #EF89A6 - #FFC1C2

CSS codes

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

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