#B992FF - #342948 | 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 #B992FF to #342948

#B992FF #342948

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

#B992FF - #342948 | 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 #B992FF as 0% and #342948 as 100%.

0.0%	0.0% #B992FF	RGB 185 146 255	#B992FF
16.7%	16.7% #A280E0	RGB 162 128 224	#A280E0
33.3%	33.3% #8C6FC2	RGB 140 111 194	#8C6FC2
50.0%	50.0% #765DA3	RGB 118 93 163	#765DA3
66.7%	66.7% #604C84	RGB 96 76 132	#604C84
83.3%	83.3% #4A3A66	RGB 74 58 102	#4A3A66
100.0%	100.0% #342948	RGB 52 41 72	#342948

#B992FF #A280E0 #8C6FC2 #765DA3 #604C84 #4A3A66 #342948

#B992FF - #342948

HSV Blend

#B992FF - #342948 | 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 #B992FF as 0% and #342948 as 100%.

0.0%	0.0% #B992FF	RGB 185 146 255	#B992FF
16.7%	16.7% #A280E0	RGB 162 128 224	#A280E0
33.3%	33.3% #8C6EC2	RGB 140 110 194	#8C6EC2
50.0%	50.0% #765DA3	RGB 118 93 163	#765DA3
66.7%	66.7% #604B84	RGB 96 75 132	#604B84
83.3%	83.3% #4A3A66	RGB 74 58 102	#4A3A66
100.0%	100.0% #342948	RGB 52 41 72	#342948

#B992FF #A280E0 #8C6EC2 #765DA3 #604B84 #4A3A66 #342948

#B992FF - #765DA3 - #342948

CSS codes

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

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