#7E9D9D - #DAE3E3 | 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 #7E9D9D a #DAE3E3

#7E9D9D #DAE3E3

Calcule el color entre dos colores, #7E9D9D y #DAE3E3. 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)

#7E9D9D - #DAE3E3 | 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 #7E9D9D como 0% y #DAE3E3 como 100%.

0.0%	0.0% #7E9D9D	RGB 126 157 157	#7E9D9D
16.7%	16.7% #8DA8A8	RGB 141 168 168	#8DA8A8
33.3%	33.3% #9CB4B4	RGB 156 180 180	#9CB4B4
50.0%	50.0% #ACC0C0	RGB 172 192 192	#ACC0C0
66.7%	66.7% #BBCBCB	RGB 187 203 203	#BBCBCB
83.3%	83.3% #CAD7D7	RGB 202 215 215	#CAD7D7
100.0%	100.0% #DAE3E3	RGB 218 227 227	#DAE3E3

#7E9D9D #8DA8A8 #9CB4B4 #ACC0C0 #BBCBCB #CAD7D7 #DAE3E3

#7E9D9D - #DAE3E3

Mezcla HSV

#7E9D9D - #DAE3E3 | 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 #7E9D9D como 0% y #DAE3E3 como 100%.

0.0%	0.0% #7E9D9D	RGB 126 157 157	#7E9D9D
16.7%	16.7% #8BA8A8	RGB 139 168 168	#8BA8A8
33.3%	33.3% #9AB4B4	RGB 154 180 180	#9AB4B4
50.0%	50.0% #A9C0C0	RGB 169 192 192	#A9C0C0
66.7%	66.7% #B8CBCB	RGB 184 203 203	#B8CBCB
83.3%	83.3% #C9D7D7	RGB 201 215 215	#C9D7D7
100.0%	100.0% #DAE3E3	RGB 218 227 227	#DAE3E3

#7E9D9D #8BA8A8 #9AB4B4 #A9C0C0 #B8CBCB #C9D7D7 #DAE3E3

#7E9D9D - #A9C0C0 - #DAE3E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E9D9D 0%, #A9C0C0 50%, #DAE3E3 100%);
    background: -webkit-linear-gradient(top, #7E9D9D 0%, #A9C0C0 50%, #DAE3E3 100%);
    background: linear-gradient(to bottom, #7E9D9D 0%, #A9C0C0 50%, #DAE3E3 100%);
}
</style>