#B5A8C2 - #FFDCBE | 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 #B5A8C2 to #FFDCBE

#B5A8C2 #FFDCBE

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

#B5A8C2 - #FFDCBE | 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 #B5A8C2 as 0% and #FFDCBE as 100%.

0.0%	0.0% #B5A8C2	RGB 181 168 194	#B5A8C2
16.7%	16.7% #C1B0C1	RGB 193 176 193	#C1B0C1
33.3%	33.3% #CDB9C0	RGB 205 185 192	#CDB9C0
50.0%	50.0% #DAC2C0	RGB 218 194 192	#DAC2C0
66.7%	66.7% #E6CABF	RGB 230 202 191	#E6CABF
83.3%	83.3% #F2D3BE	RGB 242 211 190	#F2D3BE
100.0%	100.0% #FFDCBE	RGB 255 220 190	#FFDCBE

#B5A8C2 #C1B0C1 #CDB9C0 #DAC2C0 #E6CABF #F2D3BE #FFDCBE

#B5A8C2 - #FFDCBE

HSV Blend

#B5A8C2 - #FFDCBE | 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 #B5A8C2 as 0% and #FFDCBE as 100%.

0.0%	0.0% #B5A8C2	RGB 181 168 194	#B5A8C2
16.7%	16.7% #C6ACCC	RGB 198 172 204	#C6ACCC
33.3%	33.3% #D6B0D0	RGB 214 176 208	#D6B0D0
50.0%	50.0% #E0B4CB	RGB 224 180 203	#E0B4CB
66.7%	66.7% #EAB8C1	RGB 234 184 193	#EAB8C1
83.3%	83.3% #F4C3BB	RGB 244 195 187	#F4C3BB
100.0%	100.0% #FFDCBE	RGB 255 220 190	#FFDCBE

#B5A8C2 #C6ACCC #D6B0D0 #E0B4CB #EAB8C1 #F4C3BB #FFDCBE

#B5A8C2 - #E0B4CB - #FFDCBE

CSS codes

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

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