#FF59BC - #FFCFEC | 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 #FF59BC to #FFCFEC

#FF59BC #FFCFEC

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

#FF59BC - #FFCFEC | 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 #FF59BC as 0% and #FFCFEC as 100%.

0.0%	0.0% #FF59BC	RGB 255 89 188	#FF59BC
16.7%	16.7% #FF6CC4	RGB 255 108 196	#FF6CC4
33.3%	33.3% #FF80CC	RGB 255 128 204	#FF80CC
50.0%	50.0% #FF94D4	RGB 255 148 212	#FF94D4
66.7%	66.7% #FFA7DC	RGB 255 167 220	#FFA7DC
83.3%	83.3% #FFBBE4	RGB 255 187 228	#FFBBE4
100.0%	100.0% #FFCFEC	RGB 255 207 236	#FFCFEC

#FF59BC #FF6CC4 #FF80CC #FF94D4 #FFA7DC #FFBBE4 #FFCFEC

#FF59BC - #FFCFEC

HSV Blend

#FF59BC - #FFCFEC | 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 #FF59BC as 0% and #FFCFEC as 100%.

0.0%	0.0% #FF59BC	RGB 255 89 188	#FF59BC
16.7%	16.7% #FF6CC4	RGB 255 108 196	#FF6CC4
33.3%	33.3% #FF80CC	RGB 255 128 204	#FF80CC
50.0%	50.0% #FF94D4	RGB 255 148 212	#FF94D4
66.7%	66.7% #FFA7DC	RGB 255 167 220	#FFA7DC
83.3%	83.3% #FFBBE4	RGB 255 187 228	#FFBBE4
100.0%	100.0% #FFCFEC	RGB 255 207 236	#FFCFEC

#FF59BC #FF6CC4 #FF80CC #FF94D4 #FFA7DC #FFBBE4 #FFCFEC

#FF59BC - #FF94D4 - #FFCFEC

CSS codes

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

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