#B697D9 - #342B3E | 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 #B697D9 to #342B3E

#B697D9 #342B3E

Calculate the color between two colors, #B697D9 and #342B3E. 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)

#B697D9 - #342B3E | 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 #B697D9 as 0% and #342B3E as 100%.

0.0%	0.0% #B697D9	RGB 182 151 217	#B697D9
16.7%	16.7% #A085BF	RGB 160 133 191	#A085BF
33.3%	33.3% #8A73A5	RGB 138 115 165	#8A73A5
50.0%	50.0% #75618B	RGB 117 97 139	#75618B
66.7%	66.7% #5F4F71	RGB 95 79 113	#5F4F71
83.3%	83.3% #493D57	RGB 73 61 87	#493D57
100.0%	100.0% #342B3E	RGB 52 43 62	#342B3E

#B697D9 #A085BF #8A73A5 #75618B #5F4F71 #493D57 #342B3E

#B697D9 - #342B3E

HSV Blend

#B697D9 - #342B3E | 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 #B697D9 as 0% and #342B3E as 100%.

0.0%	0.0% #B697D9	RGB 182 151 217	#B697D9
16.7%	16.7% #A084BF	RGB 160 132 191	#A084BF
33.3%	33.3% #8A72A5	RGB 138 114 165	#8A72A5
50.0%	50.0% #74608B	RGB 116 96 139	#74608B
66.7%	66.7% #5F4E71	RGB 95 78 113	#5F4E71
83.3%	83.3% #493C57	RGB 73 60 87	#493C57
100.0%	100.0% #342B3E	RGB 52 43 62	#342B3E

#B697D9 #A084BF #8A72A5 #74608B #5F4E71 #493C57 #342B3E

#B697D9 - #74608B - #342B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B697D9 0%, #74608B 50%, #342B3E 100%);
    background: -webkit-linear-gradient(top, #B697D9 0%, #74608B 50%, #342B3E 100%);
    background: linear-gradient(to bottom, #B697D9 0%, #74608B 50%, #342B3E 100%);
}
</style>