#B6A8C2 - #FFDDBE | 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 #B6A8C2 to #FFDDBE

#B6A8C2 #FFDDBE

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

#B6A8C2 - #FFDDBE | 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 #B6A8C2 as 0% and #FFDDBE as 100%.

0.0%	0.0% #B6A8C2	RGB 182 168 194	#B6A8C2
16.7%	16.7% #C2B0C1	RGB 194 176 193	#C2B0C1
33.3%	33.3% #CEB9C0	RGB 206 185 192	#CEB9C0
50.0%	50.0% #DAC2C0	RGB 218 194 192	#DAC2C0
66.7%	66.7% #E6CBBF	RGB 230 203 191	#E6CBBF
83.3%	83.3% #F2D4BE	RGB 242 212 190	#F2D4BE
100.0%	100.0% #FFDDBE	RGB 255 221 190	#FFDDBE

#B6A8C2 #C2B0C1 #CEB9C0 #DAC2C0 #E6CBBF #F2D4BE #FFDDBE

#B6A8C2 - #FFDDBE

HSV Blend

#B6A8C2 - #FFDDBE | 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 #B6A8C2 as 0% and #FFDDBE as 100%.

0.0%	0.0% #B6A8C2	RGB 182 168 194	#B6A8C2
16.7%	16.7% #C7ACCC	RGB 199 172 204	#C7ACCC
33.3%	33.3% #D6B0CF	RGB 214 176 207	#D6B0CF
50.0%	50.0% #E0B4CA	RGB 224 180 202	#E0B4CA
66.7%	66.7% #EAB8C0	RGB 234 184 192	#EAB8C0
83.3%	83.3% #F4C4BB	RGB 244 196 187	#F4C4BB
100.0%	100.0% #FFDDBE	RGB 255 221 190	#FFDDBE

#B6A8C2 #C7ACCC #D6B0CF #E0B4CA #EAB8C0 #F4C4BB #FFDDBE

#B6A8C2 - #E0B4CA - #FFDDBE

CSS codes

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

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