#996EB6 - #FEBBBB | 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 #996EB6 to #FEBBBB

#996EB6 #FEBBBB

Calculate the color between two colors, #996EB6 and #FEBBBB. 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)

#996EB6 - #FEBBBB | 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 #996EB6 as 0% and #FEBBBB as 100%.

0.0%	0.0% #996EB6	RGB 153 110 182	#996EB6
16.7%	16.7% #A97AB6	RGB 169 122 182	#A97AB6
33.3%	33.3% #BA87B7	RGB 186 135 183	#BA87B7
50.0%	50.0% #CB94B8	RGB 203 148 184	#CB94B8
66.7%	66.7% #DCA1B9	RGB 220 161 185	#DCA1B9
83.3%	83.3% #EDAEBA	RGB 237 174 186	#EDAEBA
100.0%	100.0% #FEBBBB	RGB 254 187 187	#FEBBBB

#996EB6 #A97AB6 #BA87B7 #CB94B8 #DCA1B9 #EDAEBA #FEBBBB

#996EB6 - #FEBBBB

HSV Blend

#996EB6 - #FEBBBB | 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 #996EB6 as 0% and #FEBBBB as 100%.

0.0%	0.0% #996EB6	RGB 153 110 182	#996EB6
16.7%	16.7% #B579C2	RGB 181 121 194	#B579C2
33.3%	33.3% #CE85C9	RGB 206 133 201	#CE85C9
50.0%	50.0% #DA92C4	RGB 218 146 196	#DA92C4
66.7%	66.7% #E69FC0	RGB 230 159 192	#E69FC0
83.3%	83.3% #F2ACBD	RGB 242 172 189	#F2ACBD
100.0%	100.0% #FEBBBB	RGB 254 187 187	#FEBBBB

#996EB6 #B579C2 #CE85C9 #DA92C4 #E69FC0 #F2ACBD #FEBBBB

#996EB6 - #DA92C4 - #FEBBBB

CSS codes

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

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