#002B2B - #1D705B | 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 #002B2B a #1D705B

#002B2B #1D705B

Calcule el color entre dos colores, #002B2B y #1D705B. 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)

#002B2B - #1D705B | 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 #002B2B como 0% y #1D705B como 100%.

0.0%	0.0% #002B2B	RGB 0 43 43	#002B2B
16.7%	16.7% #043633	RGB 4 54 51	#043633
33.3%	33.3% #09423B	RGB 9 66 59	#09423B
50.0%	50.0% #0E4D43	RGB 14 77 67	#0E4D43
66.7%	66.7% #13594B	RGB 19 89 75	#13594B
83.3%	83.3% #186453	RGB 24 100 83	#186453
100.0%	100.0% #1D705B	RGB 29 112 91	#1D705B

#002B2B #043633 #09423B #0E4D43 #13594B #186453 #1D705B

#002B2B - #1D705B

Mezcla HSV

#002B2B - #1D705B | 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 #002B2B como 0% y #1D705B como 100%.

0.0%	0.0% #002B2B	RGB 0 43 43	#002B2B
16.7%	16.7% #023634	RGB 2 54 52	#023634
33.3%	33.3% #05423C	RGB 5 66 60	#05423C
50.0%	50.0% #0A4D44	RGB 10 77 68	#0A4D44
66.7%	66.7% #0F594C	RGB 15 89 76	#0F594C
83.3%	83.3% #156453	RGB 21 100 83	#156453
100.0%	100.0% #1D705B	RGB 29 112 91	#1D705B

#002B2B #023634 #05423C #0A4D44 #0F594C #156453 #1D705B

#002B2B - #0A4D44 - #1D705B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #002B2B 0%, #0A4D44 50%, #1D705B 100%);
    background: -webkit-linear-gradient(top, #002B2B 0%, #0A4D44 50%, #1D705B 100%);
    background: linear-gradient(to bottom, #002B2B 0%, #0A4D44 50%, #1D705B 100%);
}
</style>