#FFB6D3 - #FAFFEB | 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 #FFB6D3 to #FAFFEB

#FFB6D3 #FAFFEB

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

#FFB6D3 - #FAFFEB | 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 #FFB6D3 as 0% and #FAFFEB as 100%.

0.0%	0.0% #FFB6D3	RGB 255 182 211	#FFB6D3
16.7%	16.7% #FEC2D7	RGB 254 194 215	#FEC2D7
33.3%	33.3% #FDCEDB	RGB 253 206 219	#FDCEDB
50.0%	50.0% #FCDADF	RGB 252 218 223	#FCDADF
66.7%	66.7% #FBE6E3	RGB 251 230 227	#FBE6E3
83.3%	83.3% #FAF2E7	RGB 250 242 231	#FAF2E7
100.0%	100.0% #FAFFEB	RGB 250 255 235	#FAFFEB

#FFB6D3 #FEC2D7 #FDCEDB #FCDADF #FBE6E3 #FAF2E7 #FAFFEB

#FFB6D3 - #FAFFEB

HSV Blend

#FFB6D3 - #FAFFEB | 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 #FFB6D3 as 0% and #FAFFEB as 100%.

0.0%	0.0% #FFB6D3	RGB 255 182 211	#FFB6D3
16.7%	16.7% #FFBEC6	RGB 255 190 198	#FFBEC6
33.3%	33.3% #FFD0C7	RGB 255 208 199	#FFD0C7
50.0%	50.0% #FFE4D0	RGB 255 228 208	#FFE4D0
66.7%	66.7% #FFF3D9	RGB 255 243 217	#FFF3D9
83.3%	83.3% #FFFEE2	RGB 255 254 226	#FFFEE2
100.0%	100.0% #FAFFEB	RGB 250 255 235	#FAFFEB

#FFB6D3 #FFBEC6 #FFD0C7 #FFE4D0 #FFF3D9 #FFFEE2 #FAFFEB

#FFB6D3 - #FFE4D0 - #FAFFEB

CSS codes

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

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