#B5A2AE - #DDB6ED | 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 #B5A2AE to #DDB6ED

#B5A2AE #DDB6ED

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

#B5A2AE - #DDB6ED | 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 #B5A2AE as 0% and #DDB6ED as 100%.

0.0%	0.0% #B5A2AE	RGB 181 162 174	#B5A2AE
16.7%	16.7% #BBA5B8	RGB 187 165 184	#BBA5B8
33.3%	33.3% #C2A8C3	RGB 194 168 195	#C2A8C3
50.0%	50.0% #C9ACCD	RGB 201 172 205	#C9ACCD
66.7%	66.7% #CFAFD8	RGB 207 175 216	#CFAFD8
83.3%	83.3% #D6B2E2	RGB 214 178 226	#D6B2E2
100.0%	100.0% #DDB6ED	RGB 221 182 237	#DDB6ED

#B5A2AE #BBA5B8 #C2A8C3 #C9ACCD #CFAFD8 #D6B2E2 #DDB6ED

#B5A2AE - #DDB6ED

HSV Blend

#B5A2AE - #DDB6ED | 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 #B5A2AE as 0% and #DDB6ED as 100%.

0.0%	0.0% #B5A2AE	RGB 181 162 174	#B5A2AE
16.7%	16.7% #BEA6B8	RGB 190 166 184	#BEA6B8
33.3%	33.3% #C7AAC3	RGB 199 170 195	#C7AAC3
50.0%	50.0% #D1ADCF	RGB 209 173 207	#D1ADCF
66.7%	66.7% #D7B0DA	RGB 215 176 218	#D7B0DA
83.3%	83.3% #DAB3E3	RGB 218 179 227	#DAB3E3
100.0%	100.0% #DDB6ED	RGB 221 182 237	#DDB6ED

#B5A2AE #BEA6B8 #C7AAC3 #D1ADCF #D7B0DA #DAB3E3 #DDB6ED

#B5A2AE - #D1ADCF - #DDB6ED

CSS codes

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

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