#FF28A8 - #FFB0D1 | 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 #FF28A8 to #FFB0D1

#FF28A8 #FFB0D1

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

#FF28A8 - #FFB0D1 | 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 #FF28A8 as 0% and #FFB0D1 as 100%.

0.0%	0.0% #FF28A8	RGB 255 40 168	#FF28A8
16.7%	16.7% #FF3EAE	RGB 255 62 174	#FF3EAE
33.3%	33.3% #FF55B5	RGB 255 85 181	#FF55B5
50.0%	50.0% #FF6CBC	RGB 255 108 188	#FF6CBC
66.7%	66.7% #FF82C3	RGB 255 130 195	#FF82C3
83.3%	83.3% #FF99CA	RGB 255 153 202	#FF99CA
100.0%	100.0% #FFB0D1	RGB 255 176 209	#FFB0D1

#FF28A8 #FF3EAE #FF55B5 #FF6CBC #FF82C3 #FF99CA #FFB0D1

#FF28A8 - #FFB0D1

HSV Blend

#FF28A8 - #FFB0D1 | 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 #FF28A8 as 0% and #FFB0D1 as 100%.

0.0%	0.0% #FF27A8	RGB 255 39 168	#FF27A8
16.7%	16.7% #FF3EAB	RGB 255 62 171	#FF3EAB
33.3%	33.3% #FF55B0	RGB 255 85 176	#FF55B0
50.0%	50.0% #FF6BB6	RGB 255 107 182	#FF6BB6
66.7%	66.7% #FF82BD	RGB 255 130 189	#FF82BD
83.3%	83.3% #FF99C6	RGB 255 153 198	#FF99C6
100.0%	100.0% #FFB0D1	RGB 255 176 209	#FFB0D1

#FF27A8 #FF3EAB #FF55B0 #FF6BB6 #FF82BD #FF99C6 #FFB0D1

#FF28A8 - #FF6BB6 - #FFB0D1

CSS codes

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

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