#FBCBDF - #D76F99 | 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 #FBCBDF to #D76F99

#FBCBDF #D76F99

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

#FBCBDF - #D76F99 | 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 #FBCBDF as 0% and #D76F99 as 100%.

0.0%	0.0% #FBCBDF	RGB 251 203 223	#FBCBDF
16.7%	16.7% #F5BBD3	RGB 245 187 211	#F5BBD3
33.3%	33.3% #EFACC7	RGB 239 172 199	#EFACC7
50.0%	50.0% #E99DBC	RGB 233 157 188	#E99DBC
66.7%	66.7% #E38DB0	RGB 227 141 176	#E38DB0
83.3%	83.3% #DD7EA4	RGB 221 126 164	#DD7EA4
100.0%	100.0% #D76F99	RGB 215 111 153	#D76F99

#FBCBDF #F5BBD3 #EFACC7 #E99DBC #E38DB0 #DD7EA4 #D76F99

#FBCBDF - #D76F99

HSV Blend

#FBCBDF - #D76F99 | 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 #FBCBDF as 0% and #D76F99 as 100%.

0.0%	0.0% #FBCBDF	RGB 251 203 223	#FBCBDF
16.7%	16.7% #F5BAD2	RGB 245 186 210	#F5BAD2
33.3%	33.3% #EFA9C6	RGB 239 169 198	#EFA9C6
50.0%	50.0% #E99ABA	RGB 233 154 186	#E99ABA
66.7%	66.7% #E38BAF	RGB 227 139 175	#E38BAF
83.3%	83.3% #DD7CA3	RGB 221 124 163	#DD7CA3
100.0%	100.0% #D76F99	RGB 215 111 153	#D76F99

#FBCBDF #F5BAD2 #EFA9C6 #E99ABA #E38BAF #DD7CA3 #D76F99

#FBCBDF - #E99ABA - #D76F99

CSS codes

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

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