#B0AAAA - #E0B5E4 | 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 #B0AAAA to #E0B5E4

#B0AAAA #E0B5E4

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

#B0AAAA - #E0B5E4 | 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 #B0AAAA as 0% and #E0B5E4 as 100%.

0.0%	0.0% #B0AAAA	RGB 176 170 170	#B0AAAA
16.7%	16.7% #B8ABB3	RGB 184 171 179	#B8ABB3
33.3%	33.3% #C0ADBD	RGB 192 173 189	#C0ADBD
50.0%	50.0% #C8AFC7	RGB 200 175 199	#C8AFC7
66.7%	66.7% #D0B1D0	RGB 208 177 208	#D0B1D0
83.3%	83.3% #D8B3DA	RGB 216 179 218	#D8B3DA
100.0%	100.0% #E0B5E4	RGB 224 181 228	#E0B5E4

#B0AAAA #B8ABB3 #C0ADBD #C8AFC7 #D0B1D0 #D8B3DA #E0B5E4

#B0AAAA - #E0B5E4

HSV Blend

#B0AAAA - #E0B5E4 | 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 #B0AAAA as 0% and #E0B5E4 as 100%.

0.0%	0.0% #B0AAAA	RGB 176 170 170	#B0AAAA
16.7%	16.7% #B8ADAF	RGB 184 173 175	#B8ADAF
33.3%	33.3% #C1AFB6	RGB 193 175 182	#C1AFB6
50.0%	50.0% #CAB1BE	RGB 202 177 190	#CAB1BE
66.7%	66.7% #D2B3C9	RGB 210 179 201	#D2B3C9
83.3%	83.3% #DBB4D7	RGB 219 180 215	#DBB4D7
100.0%	100.0% #E0B5E4	RGB 224 181 228	#E0B5E4

#B0AAAA #B8ADAF #C1AFB6 #CAB1BE #D2B3C9 #DBB4D7 #E0B5E4

#B0AAAA - #CAB1BE - #E0B5E4

CSS codes

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

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