#B05E87 - #C5C3C9 | 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 #B05E87 to #C5C3C9

#B05E87 #C5C3C9

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

#B05E87 - #C5C3C9 | 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 #B05E87 as 0% and #C5C3C9 as 100%.

0.0%	0.0% #B05E87	RGB 176 94 135	#B05E87
16.7%	16.7% #B36E92	RGB 179 110 146	#B36E92
33.3%	33.3% #B77F9D	RGB 183 127 157	#B77F9D
50.0%	50.0% #BA90A8	RGB 186 144 168	#BA90A8
66.7%	66.7% #BEA1B3	RGB 190 161 179	#BEA1B3
83.3%	83.3% #C1B2BE	RGB 193 178 190	#C1B2BE
100.0%	100.0% #C5C3C9	RGB 197 195 201	#C5C3C9

#B05E87 #B36E92 #B77F9D #BA90A8 #BEA1B3 #C1B2BE #C5C3C9

#B05E87 - #C5C3C9

HSV Blend

#B05E87 - #C5C3C9 | 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 #B05E87 as 0% and #C5C3C9 as 100%.

0.0%	0.0% #B05E86	RGB 176 94 134	#B05E86
16.7%	16.7% #B46D9E	RGB 180 109 158	#B46D9E
33.3%	33.3% #B87DB1	RGB 184 125 177	#B87DB1
50.0%	50.0% #B88DBC	RGB 184 141 188	#B88DBC
66.7%	66.7% #B79EC0	RGB 183 158 192	#B79EC0
83.3%	83.3% #BBB0C4	RGB 187 176 196	#BBB0C4
100.0%	100.0% #C5C3C9	RGB 197 195 201	#C5C3C9

#B05E86 #B46D9E #B87DB1 #B88DBC #B79EC0 #BBB0C4 #C5C3C9

#B05E87 - #B88DBC - #C5C3C9

CSS codes

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

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