#FF9EE6 - #B8C9FF | 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 #FF9EE6 to #B8C9FF

#FF9EE6 #B8C9FF

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

#FF9EE6 - #B8C9FF | 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 #FF9EE6 as 0% and #B8C9FF as 100%.

0.0%	0.0% #FF9EE6	RGB 255 158 230	#FF9EE6
16.7%	16.7% #F3A5EA	RGB 243 165 234	#F3A5EA
33.3%	33.3% #E7ACEE	RGB 231 172 238	#E7ACEE
50.0%	50.0% #DBB3F2	RGB 219 179 242	#DBB3F2
66.7%	66.7% #CFBAF6	RGB 207 186 246	#CFBAF6
83.3%	83.3% #C3C1FA	RGB 195 193 250	#C3C1FA
100.0%	100.0% #B8C9FF	RGB 184 201 255	#B8C9FF

#FF9EE6 #F3A5EA #E7ACEE #DBB3F2 #CFBAF6 #C3C1FA #B8C9FF

#FF9EE6 - #B8C9FF

HSV Blend

#FF9EE6 - #B8C9FF | 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 #FF9EE6 as 0% and #B8C9FF as 100%.

0.0%	0.0% #FF9EE6	RGB 255 158 230	#FF9EE6
16.7%	16.7% #FFA2FE	RGB 255 162 254	#FFA2FE
33.3%	33.3% #E9A6FF	RGB 233 166 255	#E9A6FF
50.0%	50.0% #D5ABFF	RGB 213 171 255	#D5ABFF
66.7%	66.7% #C4AFFF	RGB 196 175 255	#C4AFFF
83.3%	83.3% #B4B3FF	RGB 180 179 255	#B4B3FF
100.0%	100.0% #B8C9FF	RGB 184 201 255	#B8C9FF

#FF9EE6 #FFA2FE #E9A6FF #D5ABFF #C4AFFF #B4B3FF #B8C9FF

#FF9EE6 - #D5ABFF - #B8C9FF

CSS codes

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

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