#3C3CEC - #0D058C | 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 #3C3CEC to #0D058C

#3C3CEC #0D058C

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

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

0.0%	0.0% #3C3CEC	RGB 60 60 236	#3C3CEC
16.7%	16.7% #3432DC	RGB 52 50 220	#3432DC
33.3%	33.3% #2C29CC	RGB 44 41 204	#2C29CC
50.0%	50.0% #2420BC	RGB 36 32 188	#2420BC
66.7%	66.7% #1C17AC	RGB 28 23 172	#1C17AC
83.3%	83.3% #140E9C	RGB 20 14 156	#140E9C
100.0%	100.0% #0D058C	RGB 13 5 140	#0D058C

#3C3CEC #3432DC #2C29CC #2420BC #1C17AC #140E9C #0D058C

#3C3CEC - #0D058C

HSV Blend

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

0.0%	0.0% #3C3CEC	RGB 60 60 236	#3C3CEC
16.7%	16.7% #312FDC	RGB 49 47 220	#312FDC
33.3%	33.3% #2825CC	RGB 40 37 204	#2825CC
50.0%	50.0% #201BBC	RGB 32 27 188	#201BBC
66.7%	66.7% #1812AC	RGB 24 18 172	#1812AC
83.3%	83.3% #120B9C	RGB 18 11 156	#120B9C
100.0%	100.0% #0D058C	RGB 13 5 140	#0D058C

#3C3CEC #312FDC #2825CC #201BBC #1812AC #120B9C #0D058C

#3C3CEC - #201BBC - #0D058C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3CEC 0%, #201BBC 50%, #0D058C 100%);
    background: -webkit-linear-gradient(top, #3C3CEC 0%, #201BBC 50%, #0D058C 100%);
    background: linear-gradient(to bottom, #3C3CEC 0%, #201BBC 50%, #0D058C 100%);
}
</style>