#3E8181 - #112424 | 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 #3E8181 a #112424

#3E8181 #112424

Calcule el color entre dos colores, #3E8181 y #112424. 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)

#3E8181 - #112424 | 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 #3E8181 como 0% y #112424 como 100%.

0.0%	0.0% #3E8181	RGB 62 129 129	#3E8181
16.7%	16.7% #367171	RGB 54 113 113	#367171
33.3%	33.3% #2F6262	RGB 47 98 98	#2F6262
50.0%	50.0% #275252	RGB 39 82 82	#275252
66.7%	66.7% #204343	RGB 32 67 67	#204343
83.3%	83.3% #183333	RGB 24 51 51	#183333
100.0%	100.0% #112424	RGB 17 36 36	#112424

#3E8181 #367171 #2F6262 #275252 #204343 #183333 #112424

#3E8181 - #112424

Mezcla HSV

#3E8181 - #112424 | 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 #3E8181 como 0% y #112424 como 100%.

0.0%	0.0% #3E8181	RGB 62 129 129	#3E8181
16.7%	16.7% #367171	RGB 54 113 113	#367171
33.3%	33.3% #2E6262	RGB 46 98 98	#2E6262
50.0%	50.0% #275252	RGB 39 82 82	#275252
66.7%	66.7% #1F4343	RGB 31 67 67	#1F4343
83.3%	83.3% #183333	RGB 24 51 51	#183333
100.0%	100.0% #112424	RGB 17 36 36	#112424

#3E8181 #367171 #2E6262 #275252 #1F4343 #183333 #112424

#3E8181 - #275252 - #112424

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8181 0%, #275252 50%, #112424 100%);
    background: -webkit-linear-gradient(top, #3E8181 0%, #275252 50%, #112424 100%);
    background: linear-gradient(to bottom, #3E8181 0%, #275252 50%, #112424 100%);
}
</style>