#92C0FF - #3E8DEB | 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 #92C0FF to #3E8DEB

#92C0FF #3E8DEB

Calculate the color between two colors, #92C0FF and #3E8DEB. 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)

#92C0FF - #3E8DEB | 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 #92C0FF as 0% and #3E8DEB as 100%.

0.0%	0.0% #92C0FF	RGB 146 192 255	#92C0FF
16.7%	16.7% #84B7FB	RGB 132 183 251	#84B7FB
33.3%	33.3% #76AFF8	RGB 118 175 248	#76AFF8
50.0%	50.0% #68A6F5	RGB 104 166 245	#68A6F5
66.7%	66.7% #5A9EF1	RGB 90 158 241	#5A9EF1
83.3%	83.3% #4C95EE	RGB 76 149 238	#4C95EE
100.0%	100.0% #3E8DEB	RGB 62 141 235	#3E8DEB

#92C0FF #84B7FB #76AFF8 #68A6F5 #5A9EF1 #4C95EE #3E8DEB

#92C0FF - #3E8DEB

HSV Blend

#92C0FF - #3E8DEB | 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 #92C0FF as 0% and #3E8DEB as 100%.

0.0%	0.0% #92C0FF	RGB 146 192 255	#92C0FF
16.7%	16.7% #83B6FB	RGB 131 182 251	#83B6FB
33.3%	33.3% #74ADF8	RGB 116 173 248	#74ADF8
50.0%	50.0% #66A5F5	RGB 102 165 245	#66A5F5
66.7%	66.7% #589CF1	RGB 88 156 241	#589CF1
83.3%	83.3% #4B94EE	RGB 75 148 238	#4B94EE
100.0%	100.0% #3E8DEB	RGB 62 141 235	#3E8DEB

#92C0FF #83B6FB #74ADF8 #66A5F5 #589CF1 #4B94EE #3E8DEB

#92C0FF - #66A5F5 - #3E8DEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92C0FF 0%, #66A5F5 50%, #3E8DEB 100%);
    background: -webkit-linear-gradient(top, #92C0FF 0%, #66A5F5 50%, #3E8DEB 100%);
    background: linear-gradient(to bottom, #92C0FF 0%, #66A5F5 50%, #3E8DEB 100%);
}
</style>