#FF80B5 - #FFDAEA | 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 #FF80B5 to #FFDAEA

#FF80B5 #FFDAEA

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

#FF80B5 - #FFDAEA | 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 #FF80B5 as 0% and #FFDAEA as 100%.

0.0%	0.0% #FF80B5	RGB 255 128 181	#FF80B5
16.7%	16.7% #FF8FBD	RGB 255 143 189	#FF8FBD
33.3%	33.3% #FF9EC6	RGB 255 158 198	#FF9EC6
50.0%	50.0% #FFADCF	RGB 255 173 207	#FFADCF
66.7%	66.7% #FFBCD8	RGB 255 188 216	#FFBCD8
83.3%	83.3% #FFCBE1	RGB 255 203 225	#FFCBE1
100.0%	100.0% #FFDAEA	RGB 255 218 234	#FFDAEA

#FF80B5 #FF8FBD #FF9EC6 #FFADCF #FFBCD8 #FFCBE1 #FFDAEA

#FF80B5 - #FFDAEA

HSV Blend

#FF80B5 - #FFDAEA | 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 #FF80B5 as 0% and #FFDAEA as 100%.

0.0%	0.0% #FF80B4	RGB 255 128 180	#FF80B4
16.7%	16.7% #FF8FBE	RGB 255 143 190	#FF8FBE
33.3%	33.3% #FF9EC6	RGB 255 158 198	#FF9EC6
50.0%	50.0% #FFADCF	RGB 255 173 207	#FFADCF
66.7%	66.7% #FFBCD8	RGB 255 188 216	#FFBCD8
83.3%	83.3% #FFCBE1	RGB 255 203 225	#FFCBE1
100.0%	100.0% #FFDAEA	RGB 255 218 234	#FFDAEA

#FF80B4 #FF8FBE #FF9EC6 #FFADCF #FFBCD8 #FFCBE1 #FFDAEA

#FF80B5 - #FFADCF - #FFDAEA

CSS codes

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

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