#3C7EFF - #0C2DBE | 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 #3C7EFF to #0C2DBE

#3C7EFF #0C2DBE

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

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

0.0%	0.0% #3C7EFF	RGB 60 126 255	#3C7EFF
16.7%	16.7% #3470F4	RGB 52 112 244	#3470F4
33.3%	33.3% #2C63E9	RGB 44 99 233	#2C63E9
50.0%	50.0% #2455DE	RGB 36 85 222	#2455DE
66.7%	66.7% #1C48D3	RGB 28 72 211	#1C48D3
83.3%	83.3% #143AC8	RGB 20 58 200	#143AC8
100.0%	100.0% #0C2DBE	RGB 12 45 190	#0C2DBE

#3C7EFF #3470F4 #2C63E9 #2455DE #1C48D3 #143AC8 #0C2DBE

#3C7EFF - #0C2DBE

HSV Blend

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

0.0%	0.0% #3B7DFF	RGB 59 125 255	#3B7DFF
16.7%	16.7% #326FF4	RGB 50 111 244	#326FF4
33.3%	33.3% #2960E9	RGB 41 96 233	#2960E9
50.0%	50.0% #2152DE	RGB 33 82 222	#2152DE
66.7%	66.7% #1945D3	RGB 25 69 211	#1945D3
83.3%	83.3% #1238C8	RGB 18 56 200	#1238C8
100.0%	100.0% #0C2DBE	RGB 12 45 190	#0C2DBE

#3B7DFF #326FF4 #2960E9 #2152DE #1945D3 #1238C8 #0C2DBE

#3C7EFF - #2152DE - #0C2DBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B7DFF 0%, #2152DE 50%, #0C2DBE 100%);
    background: -webkit-linear-gradient(top, #3B7DFF 0%, #2152DE 50%, #0C2DBE 100%);
    background: linear-gradient(to bottom, #3B7DFF 0%, #2152DE 50%, #0C2DBE 100%);
}
</style>