#95A1A8 - #3E507D | 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 #95A1A8 to #3E507D

#95A1A8 #3E507D

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

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

0.0%	0.0% #95A1A8	RGB 149 161 168	#95A1A8
16.7%	16.7% #8693A0	RGB 134 147 160	#8693A0
33.3%	33.3% #788699	RGB 120 134 153	#788699
50.0%	50.0% #697892	RGB 105 120 146	#697892
66.7%	66.7% #5B6B8B	RGB 91 107 139	#5B6B8B
83.3%	83.3% #4C5D84	RGB 76 93 132	#4C5D84
100.0%	100.0% #3E507D	RGB 62 80 125	#3E507D

#95A1A8 #8693A0 #788699 #697892 #5B6B8B #4C5D84 #3E507D

#95A1A8 - #3E507D

HSV Blend

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

0.0%	0.0% #95A1A8	RGB 149 161 168	#95A1A8
16.7%	16.7% #8494A0	RGB 132 148 160	#8494A0
33.3%	33.3% #748799	RGB 116 135 153	#748799
50.0%	50.0% #657A92	RGB 101 122 146	#657A92
66.7%	66.7% #576C8B	RGB 87 108 139	#576C8B
83.3%	83.3% #4A5E84	RGB 74 94 132	#4A5E84
100.0%	100.0% #3E507D	RGB 62 80 125	#3E507D

#95A1A8 #8494A0 #748799 #657A92 #576C8B #4A5E84 #3E507D

#95A1A8 - #657A92 - #3E507D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #95A1A8 0%, #657A92 50%, #3E507D 100%);
    background: -webkit-linear-gradient(top, #95A1A8 0%, #657A92 50%, #3E507D 100%);
    background: linear-gradient(to bottom, #95A1A8 0%, #657A92 50%, #3E507D 100%);
}
</style>