#95B5E5 - #3B63AD | 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 #95B5E5 to #3B63AD

#95B5E5 #3B63AD

Calculate the color between two colors, #95B5E5 and #3B63AD. 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)

#95B5E5 - #3B63AD | 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 #95B5E5 as 0% and #3B63AD as 100%.

0.0%	0.0% #95B5E5	RGB 149 181 229	#95B5E5
16.7%	16.7% #86A7DB	RGB 134 167 219	#86A7DB
33.3%	33.3% #7799D2	RGB 119 153 210	#7799D2
50.0%	50.0% #688CC9	RGB 104 140 201	#688CC9
66.7%	66.7% #597EBF	RGB 89 126 191	#597EBF
83.3%	83.3% #4A70B6	RGB 74 112 182	#4A70B6
100.0%	100.0% #3B63AD	RGB 59 99 173	#3B63AD

#95B5E5 #86A7DB #7799D2 #688CC9 #597EBF #4A70B6 #3B63AD

#95B5E5 - #3B63AD

HSV Blend

#95B5E5 - #3B63AD | 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 #95B5E5 as 0% and #3B63AD as 100%.

0.0%	0.0% #95B5E5	RGB 149 181 229	#95B5E5
16.7%	16.7% #83A6DB	RGB 131 166 219	#83A6DB
33.3%	33.3% #7397D2	RGB 115 151 210	#7397D2
50.0%	50.0% #6389C9	RGB 99 137 201	#6389C9
66.7%	66.7% #557CBF	RGB 85 124 191	#557CBF
83.3%	83.3% #476FB6	RGB 71 111 182	#476FB6
100.0%	100.0% #3B63AD	RGB 59 99 173	#3B63AD

#95B5E5 #83A6DB #7397D2 #6389C9 #557CBF #476FB6 #3B63AD

#95B5E5 - #6389C9 - #3B63AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95B5E5 0%, #6389C9 50%, #3B63AD 100%);
    background: -webkit-linear-gradient(top, #95B5E5 0%, #6389C9 50%, #3B63AD 100%);
    background: linear-gradient(to bottom, #95B5E5 0%, #6389C9 50%, #3B63AD 100%);
}
</style>