#3C72DF - #132B8C | 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 #3C72DF to #132B8C

#3C72DF #132B8C

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

#3C72DF - #132B8C | 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 #3C72DF as 0% and #132B8C as 100%.

0.0%	0.0% #3C72DF	RGB 60 114 223	#3C72DF
16.7%	16.7% #3566D1	RGB 53 102 209	#3566D1
33.3%	33.3% #2E5AC3	RGB 46 90 195	#2E5AC3
50.0%	50.0% #274EB5	RGB 39 78 181	#274EB5
66.7%	66.7% #2042A7	RGB 32 66 167	#2042A7
83.3%	83.3% #193699	RGB 25 54 153	#193699
100.0%	100.0% #132B8C	RGB 19 43 140	#132B8C

#3C72DF #3566D1 #2E5AC3 #274EB5 #2042A7 #193699 #132B8C

#3C72DF - #132B8C

HSV Blend

#3C72DF - #132B8C | 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 #3C72DF as 0% and #132B8C as 100%.

0.0%	0.0% #3C72DF	RGB 60 114 223	#3C72DF
16.7%	16.7% #3364D1	RGB 51 100 209	#3364D1
33.3%	33.3% #2B57C3	RGB 43 87 195	#2B57C3
50.0%	50.0% #244BB5	RGB 36 75 181	#244BB5
66.7%	66.7% #1E3FA7	RGB 30 63 167	#1E3FA7
83.3%	83.3% #183499	RGB 24 52 153	#183499
100.0%	100.0% #132B8C	RGB 19 43 140	#132B8C

#3C72DF #3364D1 #2B57C3 #244BB5 #1E3FA7 #183499 #132B8C

#3C72DF - #244BB5 - #132B8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C72DF 0%, #244BB5 50%, #132B8C 100%);
    background: -webkit-linear-gradient(top, #3C72DF 0%, #244BB5 50%, #132B8C 100%);
    background: linear-gradient(to bottom, #3C72DF 0%, #244BB5 50%, #132B8C 100%);
}
</style>