#004444 - #3E9675 | 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 #004444 a #3E9675

#004444 #3E9675

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

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

0.0%	0.0% #004444	RGB 0 68 68	#004444
16.7%	16.7% #0A514C	RGB 10 81 76	#0A514C
33.3%	33.3% #145F54	RGB 20 95 84	#145F54
50.0%	50.0% #1F6D5C	RGB 31 109 92	#1F6D5C
66.7%	66.7% #297A64	RGB 41 122 100	#297A64
83.3%	83.3% #33886C	RGB 51 136 108	#33886C
100.0%	100.0% #3E9675	RGB 62 150 117	#3E9675

#004444 #0A514C #145F54 #1F6D5C #297A64 #33886C #3E9675

#004444 - #3E9675

Mezcla HSV

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

0.0%	0.0% #004444	RGB 0 68 68	#004444
16.7%	16.7% #05514C	RGB 5 81 76	#05514C
33.3%	33.3% #0D5F55	RGB 13 95 85	#0D5F55
50.0%	50.0% #166D5C	RGB 22 109 92	#166D5C
66.7%	66.7% #217A64	RGB 33 122 100	#217A64
83.3%	83.3% #2E886C	RGB 46 136 108	#2E886C
100.0%	100.0% #3E9675	RGB 62 150 117	#3E9675

#004444 #05514C #0D5F55 #166D5C #217A64 #2E886C #3E9675

#004444 - #166D5C - #3E9675

Códigos CSS

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

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