#B2ABC1 - #694F78 | 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 #B2ABC1 to #694F78

#B2ABC1 #694F78

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

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

0.0%	0.0% #B2ABC1	RGB 178 171 193	#B2ABC1
16.7%	16.7% #A59BB4	RGB 165 155 180	#A59BB4
33.3%	33.3% #998CA8	RGB 153 140 168	#998CA8
50.0%	50.0% #8D7D9C	RGB 141 125 156	#8D7D9C
66.7%	66.7% #816D90	RGB 129 109 144	#816D90
83.3%	83.3% #755E84	RGB 117 94 132	#755E84
100.0%	100.0% #694F78	RGB 105 79 120	#694F78

#B2ABC1 #A59BB4 #998CA8 #8D7D9C #816D90 #755E84 #694F78

#B2ABC1 - #694F78

HSV Blend

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

0.0%	0.0% #B2ABC1	RGB 178 171 193	#B2ABC1
16.7%	16.7% #A399B4	RGB 163 153 180	#A399B4
33.3%	33.3% #9688A8	RGB 150 136 168	#9688A8
50.0%	50.0% #89789C	RGB 137 120 156	#89789C
66.7%	66.7% #7E6990	RGB 126 105 144	#7E6990
83.3%	83.3% #735C84	RGB 115 92 132	#735C84
100.0%	100.0% #694F78	RGB 105 79 120	#694F78

#B2ABC1 #A399B4 #9688A8 #89789C #7E6990 #735C84 #694F78

#B2ABC1 - #89789C - #694F78

CSS codes

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

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