#FF1CD2 - #FFBEF2 | 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 #FF1CD2 to #FFBEF2

#FF1CD2 #FFBEF2

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

#FF1CD2 - #FFBEF2 | 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 #FF1CD2 as 0% and #FFBEF2 as 100%.

0.0%	0.0% #FF1CD2	RGB 255 28 210	#FF1CD2
16.7%	16.7% #FF37D7	RGB 255 55 215	#FF37D7
33.3%	33.3% #FF52DC	RGB 255 82 220	#FF52DC
50.0%	50.0% #FF6DE2	RGB 255 109 226	#FF6DE2
66.7%	66.7% #FF88E7	RGB 255 136 231	#FF88E7
83.3%	83.3% #FFA3EC	RGB 255 163 236	#FFA3EC
100.0%	100.0% #FFBEF2	RGB 255 190 242	#FFBEF2

#FF1CD2 #FF37D7 #FF52DC #FF6DE2 #FF88E7 #FFA3EC #FFBEF2

#FF1CD2 - #FFBEF2

HSV Blend

#FF1CD2 - #FFBEF2 | 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 #FF1CD2 as 0% and #FFBEF2 as 100%.

0.0%	0.0% #FF1BD2	RGB 255 27 210	#FF1BD2
16.7%	16.7% #FF36D7	RGB 255 54 215	#FF36D7
33.3%	33.3% #FF51DC	RGB 255 81 220	#FF51DC
50.0%	50.0% #FF6DE1	RGB 255 109 225	#FF6DE1
66.7%	66.7% #FF88E7	RGB 255 136 231	#FF88E7
83.3%	83.3% #FFA3EC	RGB 255 163 236	#FFA3EC
100.0%	100.0% #FFBEF2	RGB 255 190 242	#FFBEF2

#FF1BD2 #FF36D7 #FF51DC #FF6DE1 #FF88E7 #FFA3EC #FFBEF2

#FF1CD2 - #FF6DE1 - #FFBEF2

CSS codes

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

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