#3E72C4 - #94BCDF | 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 #3E72C4 to #94BCDF

#3E72C4 #94BCDF

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

#3E72C4 - #94BCDF | 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 #3E72C4 as 0% and #94BCDF as 100%.

0.0%	0.0% #3E72C4	RGB 62 114 196	#3E72C4
16.7%	16.7% #4C7EC8	RGB 76 126 200	#4C7EC8
33.3%	33.3% #5A8ACD	RGB 90 138 205	#5A8ACD
50.0%	50.0% #6997D1	RGB 105 151 209	#6997D1
66.7%	66.7% #77A3D6	RGB 119 163 214	#77A3D6
83.3%	83.3% #85AFDA	RGB 133 175 218	#85AFDA
100.0%	100.0% #94BCDF	RGB 148 188 223	#94BCDF

#3E72C4 #4C7EC8 #5A8ACD #6997D1 #77A3D6 #85AFDA #94BCDF

#3E72C4 - #94BCDF

HSV Blend

#3E72C4 - #94BCDF | 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 #3E72C4 as 0% and #94BCDF as 100%.

0.0%	0.0% #3E72C4	RGB 62 114 196	#3E72C4
16.7%	16.7% #4B7EC8	RGB 75 126 200	#4B7EC8
33.3%	33.3% #588BCD	RGB 88 139 205	#588BCD
50.0%	50.0% #6697D1	RGB 102 151 209	#6697D1
66.7%	66.7% #75A4D6	RGB 117 164 214	#75A4D6
83.3%	83.3% #84B0DA	RGB 132 176 218	#84B0DA
100.0%	100.0% #94BCDF	RGB 148 188 223	#94BCDF

#3E72C4 #4B7EC8 #588BCD #6697D1 #75A4D6 #84B0DA #94BCDF

#3E72C4 - #6697D1 - #94BCDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E72C4 0%, #6697D1 50%, #94BCDF 100%);
    background: -webkit-linear-gradient(top, #3E72C4 0%, #6697D1 50%, #94BCDF 100%);
    background: linear-gradient(to bottom, #3E72C4 0%, #6697D1 50%, #94BCDF 100%);
}
</style>