#FFA8C8 - #D5407D | 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 #FFA8C8 to #D5407D

#FFA8C8 #D5407D

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

#FFA8C8 - #D5407D | 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 #FFA8C8 as 0% and #D5407D as 100%.

0.0%	0.0% #FFA8C8	RGB 255 168 200	#FFA8C8
16.7%	16.7% #F896BB	RGB 248 150 187	#F896BB
33.3%	33.3% #F185AF	RGB 241 133 175	#F185AF
50.0%	50.0% #EA74A2	RGB 234 116 162	#EA74A2
66.7%	66.7% #E36296	RGB 227 98 150	#E36296
83.3%	83.3% #DC5189	RGB 220 81 137	#DC5189
100.0%	100.0% #D5407D	RGB 213 64 125	#D5407D

#FFA8C8 #F896BB #F185AF #EA74A2 #E36296 #DC5189 #D5407D

#FFA8C8 - #D5407D

HSV Blend

#FFA8C8 - #D5407D | 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 #FFA8C8 as 0% and #D5407D as 100%.

0.0%	0.0% #FFA8C8	RGB 255 168 200	#FFA8C8
16.7%	16.7% #F894B9	RGB 248 148 185	#F894B9
33.3%	33.3% #F181AC	RGB 241 129 172	#F181AC
50.0%	50.0% #EA709F	RGB 234 112 159	#EA709F
66.7%	66.7% #E35F93	RGB 227 95 147	#E35F93
83.3%	83.3% #DC4F87	RGB 220 79 135	#DC4F87
100.0%	100.0% #D5407D	RGB 213 64 125	#D5407D

#FFA8C8 #F894B9 #F181AC #EA709F #E35F93 #DC4F87 #D5407D

#FFA8C8 - #EA709F - #D5407D

CSS codes

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

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