#BC6B75 - #BBABDF | 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 #BC6B75 to #BBABDF

#BC6B75 #BBABDF

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

#BC6B75 - #BBABDF | 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 #BC6B75 as 0% and #BBABDF as 100%.

0.0%	0.0% #BC6B75	RGB 188 107 117	#BC6B75
16.7%	16.7% #BB7586	RGB 187 117 134	#BB7586
33.3%	33.3% #BB8098	RGB 187 128 152	#BB8098
50.0%	50.0% #BB8BAA	RGB 187 139 170	#BB8BAA
66.7%	66.7% #BB95BB	RGB 187 149 187	#BB95BB
83.3%	83.3% #BBA0CD	RGB 187 160 205	#BBA0CD
100.0%	100.0% #BBABDF	RGB 187 171 223	#BBABDF

#BC6B75 #BB7586 #BB8098 #BB8BAA #BB95BB #BBA0CD #BBABDF

#BC6B75 - #BBABDF

HSV Blend

#BC6B75 - #BBABDF | 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 #BC6B75 as 0% and #BBABDF as 100%.

0.0%	0.0% #BC6B75	RGB 188 107 117	#BC6B75
16.7%	16.7% #C17492	RGB 193 116 146	#C17492
33.3%	33.3% #C77EAD	RGB 199 126 173	#C77EAD
50.0%	50.0% #CD89C7	RGB 205 137 199	#CD89C7
66.7%	66.7% #C894D3	RGB 200 148 211	#C894D3
83.3%	83.3% #C09FD9	RGB 192 159 217	#C09FD9
100.0%	100.0% #BBABDF	RGB 187 171 223	#BBABDF

#BC6B75 #C17492 #C77EAD #CD89C7 #C894D3 #C09FD9 #BBABDF

#BC6B75 - #CD89C7 - #BBABDF

CSS codes

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

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