#2CB0B0 - #008073 | 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 #2CB0B0 a #008073

#2CB0B0 #008073

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

#2CB0B0 - #008073 | 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 #2CB0B0 como 0% y #008073 como 100%.

0.0%	0.0% #2CB0B0	RGB 44 176 176	#2CB0B0
16.7%	16.7% #24A8A5	RGB 36 168 165	#24A8A5
33.3%	33.3% #1DA09B	RGB 29 160 155	#1DA09B
50.0%	50.0% #169891	RGB 22 152 145	#169891
66.7%	66.7% #0E9087	RGB 14 144 135	#0E9087
83.3%	83.3% #07887D	RGB 7 136 125	#07887D
100.0%	100.0% #008073	RGB 0 128 115	#008073

#2CB0B0 #24A8A5 #1DA09B #169891 #0E9087 #07887D #008073

#2CB0B0 - #008073

Mezcla HSV

#2CB0B0 - #008073 | 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 #2CB0B0 como 0% y #008073 como 100%.

0.0%	0.0% #2CB0B0	RGB 44 176 176	#2CB0B0
16.7%	16.7% #22A8A5	RGB 34 168 165	#22A8A5
33.3%	33.3% #1AA09B	RGB 26 160 155	#1AA09B
50.0%	50.0% #139891	RGB 19 152 145	#139891
66.7%	66.7% #0B9087	RGB 11 144 135	#0B9087
83.3%	83.3% #05887C	RGB 5 136 124	#05887C
100.0%	100.0% #008073	RGB 0 128 115	#008073

#2CB0B0 #22A8A5 #1AA09B #139891 #0B9087 #05887C #008073

#2CB0B0 - #139891 - #008073

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2CB0B0 0%, #139891 50%, #008073 100%);
    background: -webkit-linear-gradient(top, #2CB0B0 0%, #139891 50%, #008073 100%);
    background: linear-gradient(to bottom, #2CB0B0 0%, #139891 50%, #008073 100%);
}
</style>