#B77E9C - #FECCB7 | 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 #B77E9C to #FECCB7

#B77E9C #FECCB7

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

#B77E9C - #FECCB7 | 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 #B77E9C as 0% and #FECCB7 as 100%.

0.0%	0.0% #B77E9C	RGB 183 126 156	#B77E9C
16.7%	16.7% #C28BA0	RGB 194 139 160	#C28BA0
33.3%	33.3% #CE98A5	RGB 206 152 165	#CE98A5
50.0%	50.0% #DAA5A9	RGB 218 165 169	#DAA5A9
66.7%	66.7% #E6B2AE	RGB 230 178 174	#E6B2AE
83.3%	83.3% #F2BFB2	RGB 242 191 178	#F2BFB2
100.0%	100.0% #FECCB7	RGB 254 204 183	#FECCB7

#B77E9C #C28BA0 #CE98A5 #DAA5A9 #E6B2AE #F2BFB2 #FECCB7

#B77E9C - #FECCB7

HSV Blend

#B77E9C - #FECCB7 | 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 #B77E9C as 0% and #FECCB7 as 100%.

0.0%	0.0% #B77E9C	RGB 183 126 156	#B77E9C
16.7%	16.7% #C2879E	RGB 194 135 158	#C2879E
33.3%	33.3% #CE90A0	RGB 206 144 160	#CE90A0
50.0%	50.0% #DA99A1	RGB 218 153 161	#DA99A1
66.7%	66.7% #E6A4A3	RGB 230 164 163	#E6A4A3
83.3%	83.3% #F2B8AD	RGB 242 184 173	#F2B8AD
100.0%	100.0% #FECCB7	RGB 254 204 183	#FECCB7

#B77E9C #C2879E #CE90A0 #DA99A1 #E6A4A3 #F2B8AD #FECCB7

#B77E9C - #DA99A1 - #FECCB7

CSS codes

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

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