#7D8F8C - #95FBD0 | 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 #7D8F8C to #95FBD0

#7D8F8C #95FBD0

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

#7D8F8C - #95FBD0 | 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 #7D8F8C as 0% and #95FBD0 as 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #81A197	RGB 129 161 151	#81A197
33.3%	33.3% #85B3A2	RGB 133 179 162	#85B3A2
50.0%	50.0% #89C5AE	RGB 137 197 174	#89C5AE
66.7%	66.7% #8DD7B9	RGB 141 215 185	#8DD7B9
83.3%	83.3% #91E9C4	RGB 145 233 196	#91E9C4
100.0%	100.0% #95FBD0	RGB 149 251 208	#95FBD0

#7D8F8C #81A197 #85B3A2 #89C5AE #8DD7B9 #91E9C4 #95FBD0

#7D8F8C - #95FBD0

HSV Blend

#7D8F8C - #95FBD0 | 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 #7D8F8C as 0% and #95FBD0 as 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #85A19B	RGB 133 161 155	#85A19B
33.3%	33.3% #8BB3A9	RGB 139 179 169	#8BB3A9
50.0%	50.0% #90C5B5	RGB 144 197 181	#90C5B5
66.7%	66.7% #93D7C0	RGB 147 215 192	#93D7C0
83.3%	83.3% #95E9C9	RGB 149 233 201	#95E9C9
100.0%	100.0% #95FBD0	RGB 149 251 208	#95FBD0

#7D8F8C #85A19B #8BB3A9 #90C5B5 #93D7C0 #95E9C9 #95FBD0

#7D8F8C - #90C5B5 - #95FBD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
    background: -webkit-linear-gradient(top, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
    background: linear-gradient(to bottom, #7D8F8C 0%, #90C5B5 50%, #95FBD0 100%);
}
</style>