#3E87DA - #133C8D | 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 #3E87DA to #133C8D

#3E87DA #133C8D

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

#3E87DA - #133C8D | 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 #3E87DA as 0% and #133C8D as 100%.

0.0%	0.0% #3E87DA	RGB 62 135 218	#3E87DA
16.7%	16.7% #367ACD	RGB 54 122 205	#367ACD
33.3%	33.3% #2F6EC0	RGB 47 110 192	#2F6EC0
50.0%	50.0% #2861B3	RGB 40 97 179	#2861B3
66.7%	66.7% #2155A6	RGB 33 85 166	#2155A6
83.3%	83.3% #1A4899	RGB 26 72 153	#1A4899
100.0%	100.0% #133C8D	RGB 19 60 141	#133C8D

#3E87DA #367ACD #2F6EC0 #2861B3 #2155A6 #1A4899 #133C8D

#3E87DA - #133C8D

HSV Blend

#3E87DA - #133C8D | 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 #3E87DA as 0% and #133C8D as 100%.

0.0%	0.0% #3E87DA	RGB 62 135 218	#3E87DA
16.7%	16.7% #3578CD	RGB 53 120 205	#3578CD
33.3%	33.3% #2D6BC0	RGB 45 107 192	#2D6BC0
50.0%	50.0% #255EB3	RGB 37 94 179	#255EB3
66.7%	66.7% #1E52A6	RGB 30 82 166	#1E52A6
83.3%	83.3% #184699	RGB 24 70 153	#184699
100.0%	100.0% #133C8D	RGB 19 60 141	#133C8D

#3E87DA #3578CD #2D6BC0 #255EB3 #1E52A6 #184699 #133C8D

#3E87DA - #255EB3 - #133C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E87DA 0%, #255EB3 50%, #133C8D 100%);
    background: -webkit-linear-gradient(top, #3E87DA 0%, #255EB3 50%, #133C8D 100%);
    background: linear-gradient(to bottom, #3E87DA 0%, #255EB3 50%, #133C8D 100%);
}
</style>