#EC46B0 - #FFBFD7 | 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 #EC46B0 to #FFBFD7

#EC46B0 #FFBFD7

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

#EC46B0 - #FFBFD7 | 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 #EC46B0 as 0% and #FFBFD7 as 100%.

0.0%	0.0% #EC46B0	RGB 236 70 176	#EC46B0
16.7%	16.7% #EF5AB6	RGB 239 90 182	#EF5AB6
33.3%	33.3% #F26EBD	RGB 242 110 189	#F26EBD
50.0%	50.0% #F582C3	RGB 245 130 195	#F582C3
66.7%	66.7% #F896CA	RGB 248 150 202	#F896CA
83.3%	83.3% #FBAAD0	RGB 251 170 208	#FBAAD0
100.0%	100.0% #FFBFD7	RGB 255 191 215	#FFBFD7

#EC46B0 #EF5AB6 #F26EBD #F582C3 #F896CA #FBAAD0 #FFBFD7

#EC46B0 - #FFBFD7

HSV Blend

#EC46B0 - #FFBFD7 | 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 #EC46B0 as 0% and #FFBFD7 as 100%.

0.0%	0.0% #EC46B0	RGB 236 70 176	#EC46B0
16.7%	16.7% #EF58B2	RGB 239 88 178	#EF58B2
33.3%	33.3% #F26CB6	RGB 242 108 182	#F26CB6
50.0%	50.0% #F580BB	RGB 245 128 187	#F580BB
66.7%	66.7% #F894C3	RGB 248 148 195	#F894C3
83.3%	83.3% #FBA9CC	RGB 251 169 204	#FBA9CC
100.0%	100.0% #FFBFD7	RGB 255 191 215	#FFBFD7

#EC46B0 #EF58B2 #F26CB6 #F580BB #F894C3 #FBA9CC #FFBFD7

#EC46B0 - #F580BB - #FFBFD7

CSS codes

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

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