#BCA8CF - #D3D5D2 | 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 #BCA8CF to #D3D5D2

#BCA8CF #D3D5D2

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

#BCA8CF - #D3D5D2 | 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 #BCA8CF as 0% and #D3D5D2 as 100%.

0.0%	0.0% #BCA8CF	RGB 188 168 207	#BCA8CF
16.7%	16.7% #BFAFCF	RGB 191 175 207	#BFAFCF
33.3%	33.3% #C3B7D0	RGB 195 183 208	#C3B7D0
50.0%	50.0% #C7BED0	RGB 199 190 208	#C7BED0
66.7%	66.7% #CBC6D1	RGB 203 198 209	#CBC6D1
83.3%	83.3% #CFCDD1	RGB 207 205 209	#CFCDD1
100.0%	100.0% #D3D5D2	RGB 211 213 210	#D3D5D2

#BCA8CF #BFAFCF #C3B7D0 #C7BED0 #CBC6D1 #CFCDD1 #D3D5D2

#BCA8CF - #D3D5D2

HSV Blend

#BCA8CF - #D3D5D2 | 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 #BCA8CF as 0% and #D3D5D2 as 100%.

0.0%	0.0% #BCA8CF	RGB 188 168 207	#BCA8CF
16.7%	16.7% #B0AED0	RGB 176 174 208	#B0AED0
33.3%	33.3% #B5C1D1	RGB 181 193 209	#B5C1D1
50.0%	50.0% #BCD0D2	RGB 188 208 210	#BCD0D2
66.7%	66.7% #C3D3CD	RGB 195 211 205	#C3D3CD
83.3%	83.3% #CAD4CC	RGB 202 212 204	#CAD4CC
100.0%	100.0% #D3D5D2	RGB 211 213 210	#D3D5D2

#BCA8CF #B0AED0 #B5C1D1 #BCD0D2 #C3D3CD #CAD4CC #D3D5D2

#BCA8CF - #BCD0D2 - #D3D5D2

CSS codes

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

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