#814BFF - #4002B0 | 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 #814BFF to #4002B0

#814BFF #4002B0

Calculate the color between two colors, #814BFF and #4002B0. 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)

#814BFF - #4002B0 | 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 #814BFF as 0% and #4002B0 as 100%.

0.0%	0.0% #814BFF	RGB 129 75 255	#814BFF
16.7%	16.7% #763EF1	RGB 118 62 241	#763EF1
33.3%	33.3% #6B32E4	RGB 107 50 228	#6B32E4
50.0%	50.0% #6026D7	RGB 96 38 215	#6026D7
66.7%	66.7% #551ACA	RGB 85 26 202	#551ACA
83.3%	83.3% #4A0EBD	RGB 74 14 189	#4A0EBD
100.0%	100.0% #4002B0	RGB 64 2 176	#4002B0

#814BFF #763EF1 #6B32E4 #6026D7 #551ACA #4A0EBD #4002B0

#814BFF - #4002B0

HSV Blend

#814BFF - #4002B0 | 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 #814BFF as 0% and #4002B0 as 100%.

0.0%	0.0% #814BFF	RGB 129 75 255	#814BFF
16.7%	16.7% #743BF1	RGB 116 59 241	#743BF1
33.3%	33.3% #682DE4	RGB 104 45 228	#682DE4
50.0%	50.0% #5C20D7	RGB 92 32 215	#5C20D7
66.7%	66.7% #5215CA	RGB 82 21 202	#5215CA
83.3%	83.3% #480BBD	RGB 72 11 189	#480BBD
100.0%	100.0% #4002B0	RGB 64 2 176	#4002B0

#814BFF #743BF1 #682DE4 #5C20D7 #5215CA #480BBD #4002B0

#814BFF - #5C20D7 - #4002B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #814BFF 0%, #5C20D7 50%, #4002B0 100%);
    background: -webkit-linear-gradient(top, #814BFF 0%, #5C20D7 50%, #4002B0 100%);
    background: linear-gradient(to bottom, #814BFF 0%, #5C20D7 50%, #4002B0 100%);
}
</style>