#B2ABC3 - #694E7B | 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 #B2ABC3 to #694E7B

#B2ABC3 #694E7B

Calculate the color between two colors, #B2ABC3 and #694E7B. 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)

#B2ABC3 - #694E7B | 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 #B2ABC3 as 0% and #694E7B as 100%.

0.0%	0.0% #B2ABC3	RGB 178 171 195	#B2ABC3
16.7%	16.7% #A59BB7	RGB 165 155 183	#A59BB7
33.3%	33.3% #998CAB	RGB 153 140 171	#998CAB
50.0%	50.0% #8D7C9F	RGB 141 124 159	#8D7C9F
66.7%	66.7% #816D93	RGB 129 109 147	#816D93
83.3%	83.3% #755D87	RGB 117 93 135	#755D87
100.0%	100.0% #694E7B	RGB 105 78 123	#694E7B

#B2ABC3 #A59BB7 #998CAB #8D7C9F #816D93 #755D87 #694E7B

#B2ABC3 - #694E7B

HSV Blend

#B2ABC3 - #694E7B | 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 #B2ABC3 as 0% and #694E7B as 100%.

0.0%	0.0% #B2ABC3	RGB 178 171 195	#B2ABC3
16.7%	16.7% #A399B7	RGB 163 153 183	#A399B7
33.3%	33.3% #9588AB	RGB 149 136 171	#9588AB
50.0%	50.0% #89789F	RGB 137 120 159	#89789F
66.7%	66.7% #7D6993	RGB 125 105 147	#7D6993
83.3%	83.3% #735B87	RGB 115 91 135	#735B87
100.0%	100.0% #694E7B	RGB 105 78 123	#694E7B

#B2ABC3 #A399B7 #9588AB #89789F #7D6993 #735B87 #694E7B

#B2ABC3 - #89789F - #694E7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2ABC3 0%, #89789F 50%, #694E7B 100%);
    background: -webkit-linear-gradient(top, #B2ABC3 0%, #89789F 50%, #694E7B 100%);
    background: linear-gradient(to bottom, #B2ABC3 0%, #89789F 50%, #694E7B 100%);
}
</style>