#3E95FF - #8DD4F9 | 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 #3E95FF to #8DD4F9

#3E95FF #8DD4F9

Calculate the color between two colors, #3E95FF and #8DD4F9. 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)

#3E95FF - #8DD4F9 | 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 #3E95FF as 0% and #8DD4F9 as 100%.

0.0%	0.0% #3E95FF	RGB 62 149 255	#3E95FF
16.7%	16.7% #4B9FFE	RGB 75 159 254	#4B9FFE
33.3%	33.3% #58AAFD	RGB 88 170 253	#58AAFD
50.0%	50.0% #65B4FC	RGB 101 180 252	#65B4FC
66.7%	66.7% #72BFFB	RGB 114 191 251	#72BFFB
83.3%	83.3% #7FC9FA	RGB 127 201 250	#7FC9FA
100.0%	100.0% #8DD4F9	RGB 141 212 249	#8DD4F9

#3E95FF #4B9FFE #58AAFD #65B4FC #72BFFB #7FC9FA #8DD4F9

#3E95FF - #8DD4F9

HSV Blend

#3E95FF - #8DD4F9 | 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 #3E95FF as 0% and #8DD4F9 as 100%.

0.0%	0.0% #3D95FF	RGB 61 149 255	#3D95FF
16.7%	16.7% #4BA2FE	RGB 75 162 254	#4BA2FE
33.3%	33.3% #58AEFD	RGB 88 174 253	#58AEFD
50.0%	50.0% #65B9FC	RGB 101 185 252	#65B9FC
66.7%	66.7% #73C3FB	RGB 115 195 251	#73C3FB
83.3%	83.3% #80CCFA	RGB 128 204 250	#80CCFA
100.0%	100.0% #8DD4F9	RGB 141 212 249	#8DD4F9

#3D95FF #4BA2FE #58AEFD #65B9FC #73C3FB #80CCFA #8DD4F9

#3E95FF - #65B9FC - #8DD4F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D95FF 0%, #65B9FC 50%, #8DD4F9 100%);
    background: -webkit-linear-gradient(top, #3D95FF 0%, #65B9FC 50%, #8DD4F9 100%);
    background: linear-gradient(to bottom, #3D95FF 0%, #65B9FC 50%, #8DD4F9 100%);
}
</style>