#3E37AF - #B090D9 | 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 #3E37AF to #B090D9

#3E37AF #B090D9

Calculate the color between two colors, #3E37AF and #B090D9. 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)

#3E37AF - #B090D9 | 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 #3E37AF as 0% and #B090D9 as 100%.

0.0%	0.0% #3E37AF	RGB 62 55 175	#3E37AF
16.7%	16.7% #5145B6	RGB 81 69 182	#5145B6
33.3%	33.3% #6454BD	RGB 100 84 189	#6454BD
50.0%	50.0% #7763C4	RGB 119 99 196	#7763C4
66.7%	66.7% #8A72CB	RGB 138 114 203	#8A72CB
83.3%	83.3% #9D81D2	RGB 157 129 210	#9D81D2
100.0%	100.0% #B090D9	RGB 176 144 217	#B090D9

#3E37AF #5145B6 #6454BD #7763C4 #8A72CB #9D81D2 #B090D9

#3E37AF - #B090D9

HSV Blend

#3E37AF - #B090D9 | 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 #3E37AF as 0% and #B090D9 as 100%.

0.0%	0.0% #3D37AF	RGB 61 55 175	#3D37AF
16.7%	16.7% #5143B6	RGB 81 67 182	#5143B6
33.3%	33.3% #6551BD	RGB 101 81 189	#6551BD
50.0%	50.0% #785FC4	RGB 120 95 196	#785FC4
66.7%	66.7% #8B6FCB	RGB 139 111 203	#8B6FCB
83.3%	83.3% #9E7FD2	RGB 158 127 210	#9E7FD2
100.0%	100.0% #B090D9	RGB 176 144 217	#B090D9

#3D37AF #5143B6 #6551BD #785FC4 #8B6FCB #9E7FD2 #B090D9

#3E37AF - #785FC4 - #B090D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D37AF 0%, #785FC4 50%, #B090D9 100%);
    background: -webkit-linear-gradient(top, #3D37AF 0%, #785FC4 50%, #B090D9 100%);
    background: linear-gradient(to bottom, #3D37AF 0%, #785FC4 50%, #B090D9 100%);
}
</style>