#5EB2FD - #135FD0 | 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 #5EB2FD to #135FD0

#5EB2FD #135FD0

Calculate the color between two colors, #5EB2FD and #135FD0. 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)

#5EB2FD - #135FD0 | 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 #5EB2FD as 0% and #135FD0 as 100%.

0.0%	0.0% #5EB2FD	RGB 94 178 253	#5EB2FD
16.7%	16.7% #51A4F5	RGB 81 164 245	#51A4F5
33.3%	33.3% #4596EE	RGB 69 150 238	#4596EE
50.0%	50.0% #3888E6	RGB 56 136 230	#3888E6
66.7%	66.7% #2C7ADF	RGB 44 122 223	#2C7ADF
83.3%	83.3% #1F6CD7	RGB 31 108 215	#1F6CD7
100.0%	100.0% #135FD0	RGB 19 95 208	#135FD0

#5EB2FD #51A4F5 #4596EE #3888E6 #2C7ADF #1F6CD7 #135FD0

#5EB2FD - #135FD0

HSV Blend

#5EB2FD - #135FD0 | 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 #5EB2FD as 0% and #135FD0 as 100%.

0.0%	0.0% #5EB1FD	RGB 94 177 253	#5EB1FD
16.7%	16.7% #4FA3F5	RGB 79 163 245	#4FA3F5
33.3%	33.3% #4295EE	RGB 66 149 238	#4295EE
50.0%	50.0% #3587E6	RGB 53 135 230	#3587E6
66.7%	66.7% #2979DF	RGB 41 121 223	#2979DF
83.3%	83.3% #1D6CD7	RGB 29 108 215	#1D6CD7
100.0%	100.0% #135FD0	RGB 19 95 208	#135FD0

#5EB1FD #4FA3F5 #4295EE #3587E6 #2979DF #1D6CD7 #135FD0

#5EB2FD - #3587E6 - #135FD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EB1FD 0%, #3587E6 50%, #135FD0 100%);
    background: -webkit-linear-gradient(top, #5EB1FD 0%, #3587E6 50%, #135FD0 100%);
    background: linear-gradient(to bottom, #5EB1FD 0%, #3587E6 50%, #135FD0 100%);
}
</style>