#3C38A8 - #B290D2 | 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 #3C38A8 to #B290D2

#3C38A8 #B290D2

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

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

0.0%	0.0% #3C38A8	RGB 60 56 168	#3C38A8
16.7%	16.7% #4F46AF	RGB 79 70 175	#4F46AF
33.3%	33.3% #6355B6	RGB 99 85 182	#6355B6
50.0%	50.0% #7764BD	RGB 119 100 189	#7764BD
66.7%	66.7% #8A72C4	RGB 138 114 196	#8A72C4
83.3%	83.3% #9E81CB	RGB 158 129 203	#9E81CB
100.0%	100.0% #B290D2	RGB 178 144 210	#B290D2

#3C38A8 #4F46AF #6355B6 #7764BD #8A72C4 #9E81CB #B290D2

#3C38A8 - #B290D2

HSV Blend

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

0.0%	0.0% #3C38A8	RGB 60 56 168	#3C38A8
16.7%	16.7% #5044AF	RGB 80 68 175	#5044AF
33.3%	33.3% #6552B6	RGB 101 82 182	#6552B6
50.0%	50.0% #7960BD	RGB 121 96 189	#7960BD
66.7%	66.7% #8D6FC4	RGB 141 111 196	#8D6FC4
83.3%	83.3% #A07FCB	RGB 160 127 203	#A07FCB
100.0%	100.0% #B290D2	RGB 178 144 210	#B290D2

#3C38A8 #5044AF #6552B6 #7960BD #8D6FC4 #A07FCB #B290D2

#3C38A8 - #7960BD - #B290D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C38A8 0%, #7960BD 50%, #B290D2 100%);
    background: -webkit-linear-gradient(top, #3C38A8 0%, #7960BD 50%, #B290D2 100%);
    background: linear-gradient(to bottom, #3C38A8 0%, #7960BD 50%, #B290D2 100%);
}
</style>