#123535 - #BBC5C5 | 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 #123535 a #BBC5C5

#123535 #BBC5C5

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

#123535 - #BBC5C5 | 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 #123535 como 0% y #BBC5C5 como 100%.

0.0%	0.0% #123535	RGB 18 53 53	#123535
16.7%	16.7% #2E4D4D	RGB 46 77 77	#2E4D4D
33.3%	33.3% #4A6565	RGB 74 101 101	#4A6565
50.0%	50.0% #667D7D	RGB 102 125 125	#667D7D
66.7%	66.7% #829595	RGB 130 149 149	#829595
83.3%	83.3% #9EADAD	RGB 158 173 173	#9EADAD
100.0%	100.0% #BBC5C5	RGB 187 197 197	#BBC5C5

#123535 #2E4D4D #4A6565 #667D7D #829595 #9EADAD #BBC5C5

#123535 - #BBC5C5

Mezcla HSV

#123535 - #BBC5C5 | 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 #123535 como 0% y #BBC5C5 como 100%.

0.0%	0.0% #123535	RGB 18 53 53	#123535
16.7%	16.7% #214D4D	RGB 33 77 77	#214D4D
33.3%	33.3% #366565	RGB 54 101 101	#366565
50.0%	50.0% #507D7D	RGB 80 125 125	#507D7D
66.7%	66.7% #6F9595	RGB 111 149 149	#6F9595
83.3%	83.3% #92ADAD	RGB 146 173 173	#92ADAD
100.0%	100.0% #BBC5C5	RGB 187 197 197	#BBC5C5

#123535 #214D4D #366565 #507D7D #6F9595 #92ADAD #BBC5C5

#123535 - #507D7D - #BBC5C5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #123535 0%, #507D7D 50%, #BBC5C5 100%);
    background: -webkit-linear-gradient(top, #123535 0%, #507D7D 50%, #BBC5C5 100%);
    background: linear-gradient(to bottom, #123535 0%, #507D7D 50%, #BBC5C5 100%);
}
</style>