#F8A8F6 - #CC48C0 | 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 #F8A8F6 to #CC48C0

#F8A8F6 #CC48C0

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

#F8A8F6 - #CC48C0 | 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 #F8A8F6 as 0% and #CC48C0 as 100%.

0.0%	0.0% #F8A8F6	RGB 248 168 246	#F8A8F6
16.7%	16.7% #F098ED	RGB 240 152 237	#F098ED
33.3%	33.3% #E988E4	RGB 233 136 228	#E988E4
50.0%	50.0% #E278DB	RGB 226 120 219	#E278DB
66.7%	66.7% #DA68D2	RGB 218 104 210	#DA68D2
83.3%	83.3% #D358C9	RGB 211 88 201	#D358C9
100.0%	100.0% #CC48C0	RGB 204 72 192	#CC48C0

#F8A8F6 #F098ED #E988E4 #E278DB #DA68D2 #D358C9 #CC48C0

#F8A8F6 - #CC48C0

HSV Blend

#F8A8F6 - #CC48C0 | 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 #F8A8F6 as 0% and #CC48C0 as 100%.

0.0%	0.0% #F8A8F6	RGB 248 168 246	#F8A8F6
16.7%	16.7% #F096ED	RGB 240 150 237	#F096ED
33.3%	33.3% #E984E4	RGB 233 132 228	#E984E4
50.0%	50.0% #E274DB	RGB 226 116 219	#E274DB
66.7%	66.7% #DA64D2	RGB 218 100 210	#DA64D2
83.3%	83.3% #D356C9	RGB 211 86 201	#D356C9
100.0%	100.0% #CC48C0	RGB 204 72 192	#CC48C0

#F8A8F6 #F096ED #E984E4 #E274DB #DA64D2 #D356C9 #CC48C0

#F8A8F6 - #E274DB - #CC48C0

CSS codes

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

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