#3D9C9C - #006B5B | 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 #3D9C9C a #006B5B

#3D9C9C #006B5B

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

#3D9C9C - #006B5B | 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 #3D9C9C como 0% y #006B5B como 100%.

0.0%	0.0% #3D9C9C	RGB 61 156 156	#3D9C9C
16.7%	16.7% #329391	RGB 50 147 145	#329391
33.3%	33.3% #288B86	RGB 40 139 134	#288B86
50.0%	50.0% #1E837B	RGB 30 131 123	#1E837B
66.7%	66.7% #147B70	RGB 20 123 112	#147B70
83.3%	83.3% #0A7365	RGB 10 115 101	#0A7365
100.0%	100.0% #006B5B	RGB 0 107 91	#006B5B

#3D9C9C #329391 #288B86 #1E837B #147B70 #0A7365 #006B5B

#3D9C9C - #006B5B

Mezcla HSV

#3D9C9C - #006B5B | 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 #3D9C9C como 0% y #006B5B como 100%.

0.0%	0.0% #3D9C9C	RGB 61 156 156	#3D9C9C
16.7%	16.7% #309391	RGB 48 147 145	#309391
33.3%	33.3% #248B86	RGB 36 139 134	#248B86
50.0%	50.0% #19837B	RGB 25 131 123	#19837B
66.7%	66.7% #107B70	RGB 16 123 112	#107B70
83.3%	83.3% #077365	RGB 7 115 101	#077365
100.0%	100.0% #006B5B	RGB 0 107 91	#006B5B

#3D9C9C #309391 #248B86 #19837B #107B70 #077365 #006B5B

#3D9C9C - #19837B - #006B5B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D9C9C 0%, #19837B 50%, #006B5B 100%);
    background: -webkit-linear-gradient(top, #3D9C9C 0%, #19837B 50%, #006B5B 100%);
    background: linear-gradient(to bottom, #3D9C9C 0%, #19837B 50%, #006B5B 100%);
}
</style>