#8C9F9F - #DEE3E3 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #8C9F9F a #DEE3E3

#8C9F9F #DEE3E3

Calcule el color entre dos colores, #8C9F9F y #DEE3E3. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#8C9F9F - #DEE3E3 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #8C9F9F como 0% y #DEE3E3 como 100%.

0.0%	0.0% #8C9F9F	RGB 140 159 159	#8C9F9F
16.7%	16.7% #99AAAA	RGB 153 170 170	#99AAAA
33.3%	33.3% #A7B5B5	RGB 167 181 181	#A7B5B5
50.0%	50.0% #B5C1C1	RGB 181 193 193	#B5C1C1
66.7%	66.7% #C2CCCC	RGB 194 204 204	#C2CCCC
83.3%	83.3% #D0D7D7	RGB 208 215 215	#D0D7D7
100.0%	100.0% #DEE3E3	RGB 222 227 227	#DEE3E3

#8C9F9F #99AAAA #A7B5B5 #B5C1C1 #C2CCCC #D0D7D7 #DEE3E3

#8C9F9F - #DEE3E3

Mezcla HSV

#8C9F9F - #DEE3E3 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #8C9F9F como 0% y #DEE3E3 como 100%.

0.0%	0.0% #8C9F9F	RGB 140 159 159	#8C9F9F
16.7%	16.7% #98AAAA	RGB 152 170 170	#98AAAA
33.3%	33.3% #A5B5B5	RGB 165 181 181	#A5B5B5
50.0%	50.0% #B3C1C1	RGB 179 193 193	#B3C1C1
66.7%	66.7% #C1CCCC	RGB 193 204 204	#C1CCCC
83.3%	83.3% #CFD7D7	RGB 207 215 215	#CFD7D7
100.0%	100.0% #DEE3E3	RGB 222 227 227	#DEE3E3

#8C9F9F #98AAAA #A5B5B5 #B3C1C1 #C1CCCC #CFD7D7 #DEE3E3

#8C9F9F - #B3C1C1 - #DEE3E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9F9F 0%, #B3C1C1 50%, #DEE3E3 100%);
    background: -webkit-linear-gradient(top, #8C9F9F 0%, #B3C1C1 50%, #DEE3E3 100%);
    background: linear-gradient(to bottom, #8C9F9F 0%, #B3C1C1 50%, #DEE3E3 100%);
}
</style>