#2AAFAA - #007E6C | 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 #2AAFAA a #007E6C

#2AAFAA #007E6C

Calcule el color entre dos colores, #2AAFAA y #007E6C. 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)

#2AAFAA - #007E6C | 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 #2AAFAA como 0% y #007E6C como 100%.

0.0%	0.0% #2AAFAA	RGB 42 175 170	#2AAFAA
16.7%	16.7% #23A69F	RGB 35 166 159	#23A69F
33.3%	33.3% #1C9E95	RGB 28 158 149	#1C9E95
50.0%	50.0% #15968B	RGB 21 150 139	#15968B
66.7%	66.7% #0D8E80	RGB 13 142 128	#0D8E80
83.3%	83.3% #078676	RGB 7 134 118	#078676
100.0%	100.0% #007E6C	RGB 0 126 108	#007E6C

#2AAFAA #23A69F #1C9E95 #15968B #0D8E80 #078676 #007E6C

#2AAFAA - #007E6C

Mezcla HSV

#2AAFAA - #007E6C | 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 #2AAFAA como 0% y #007E6C como 100%.

0.0%	0.0% #2AAFAA	RGB 42 175 170	#2AAFAA
16.7%	16.7% #21A69F	RGB 33 166 159	#21A69F
33.3%	33.3% #199E94	RGB 25 158 148	#199E94
50.0%	50.0% #12968A	RGB 18 150 138	#12968A
66.7%	66.7% #0B8E80	RGB 11 142 128	#0B8E80
83.3%	83.3% #058676	RGB 5 134 118	#058676
100.0%	100.0% #007E6C	RGB 0 126 108	#007E6C

#2AAFAA #21A69F #199E94 #12968A #0B8E80 #058676 #007E6C

#2AAFAA - #12968A - #007E6C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2AAFAA 0%, #12968A 50%, #007E6C 100%);
    background: -webkit-linear-gradient(top, #2AAFAA 0%, #12968A 50%, #007E6C 100%);
    background: linear-gradient(to bottom, #2AAFAA 0%, #12968A 50%, #007E6C 100%);
}
</style>