#3E8181 - #045340 | 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 #045340

#3E8181 #045340

Calcule el color entre dos colores, #3E8181 y #045340. 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 - #045340 | 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 #045340 como 100%.

0.0%	0.0% #3E8181	RGB 62 129 129	#3E8181
16.7%	16.7% #347976	RGB 52 121 118	#347976
33.3%	33.3% #2A716B	RGB 42 113 107	#2A716B
50.0%	50.0% #216A60	RGB 33 106 96	#216A60
66.7%	66.7% #176255	RGB 23 98 85	#176255
83.3%	83.3% #0D5A4A	RGB 13 90 74	#0D5A4A
100.0%	100.0% #045340	RGB 4 83 64	#045340

#3E8181 #347976 #2A716B #216A60 #176255 #0D5A4A #045340

#3E8181 - #045340

Mezcla HSV

#3E8181 - #045340 | 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 #045340 como 100%.

0.0%	0.0% #3E8181	RGB 62 129 129	#3E8181
16.7%	16.7% #317976	RGB 49 121 118	#317976
33.3%	33.3% #26716B	RGB 38 113 107	#26716B
50.0%	50.0% #1C6A60	RGB 28 106 96	#1C6A60
66.7%	66.7% #126255	RGB 18 98 85	#126255
83.3%	83.3% #0A5A4A	RGB 10 90 74	#0A5A4A
100.0%	100.0% #045340	RGB 4 83 64	#045340

#3E8181 #317976 #26716B #1C6A60 #126255 #0A5A4A #045340

#3E8181 - #1C6A60 - #045340

Códigos CSS

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

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