#BECDBB - #5E906E | 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 #BECDBB a #5E906E

#BECDBB #5E906E

Calcule el color entre dos colores, #BECDBB y #5E906E. 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)

#BECDBB - #5E906E | 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 #BECDBB como 0% y #5E906E como 100%.

0.0%	0.0% #BECDBB	RGB 190 205 187	#BECDBB
16.7%	16.7% #AEC2AE	RGB 174 194 174	#AEC2AE
33.3%	33.3% #9EB8A1	RGB 158 184 161	#9EB8A1
50.0%	50.0% #8EAE94	RGB 142 174 148	#8EAE94
66.7%	66.7% #7EA487	RGB 126 164 135	#7EA487
83.3%	83.3% #6E9A7A	RGB 110 154 122	#6E9A7A
100.0%	100.0% #5E906E	RGB 94 144 110	#5E906E

#BECDBB #AEC2AE #9EB8A1 #8EAE94 #7EA487 #6E9A7A #5E906E

#BECDBB - #5E906E

Mezcla HSV

#BECDBB - #5E906E | 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 #BECDBB como 0% y #5E906E como 100%.

0.0%	0.0% #BECDBB	RGB 190 205 187	#BECDBB
16.7%	16.7% #ABC2A9	RGB 171 194 169	#ABC2A9
33.3%	33.3% #98B898	RGB 152 184 152	#98B898
50.0%	50.0% #88AE8B	RGB 136 174 139	#88AE8B
66.7%	66.7% #79A480	RGB 121 164 128	#79A480
83.3%	83.3% #6B9A76	RGB 107 154 118	#6B9A76
100.0%	100.0% #5E906E	RGB 94 144 110	#5E906E

#BECDBB #ABC2A9 #98B898 #88AE8B #79A480 #6B9A76 #5E906E

#BECDBB - #88AE8B - #5E906E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BECDBB 0%, #88AE8B 50%, #5E906E 100%);
    background: -webkit-linear-gradient(top, #BECDBB 0%, #88AE8B 50%, #5E906E 100%);
    background: linear-gradient(to bottom, #BECDBB 0%, #88AE8B 50%, #5E906E 100%);
}
</style>