#29C0C0 - #00928A | 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 #29C0C0 a #00928A

#29C0C0 #00928A

Calcule el color entre dos colores, #29C0C0 y #00928A. 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)

#29C0C0 - #00928A | 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 #29C0C0 como 0% y #00928A como 100%.

0.0%	0.0% #29C0C0	RGB 41 192 192	#29C0C0
16.7%	16.7% #22B8B7	RGB 34 184 183	#22B8B7
33.3%	33.3% #1BB0AE	RGB 27 176 174	#1BB0AE
50.0%	50.0% #14A9A5	RGB 20 169 165	#14A9A5
66.7%	66.7% #0DA19C	RGB 13 161 156	#0DA19C
83.3%	83.3% #069993	RGB 6 153 147	#069993
100.0%	100.0% #00928A	RGB 0 146 138	#00928A

#29C0C0 #22B8B7 #1BB0AE #14A9A5 #0DA19C #069993 #00928A

#29C0C0 - #00928A

Mezcla HSV

#29C0C0 - #00928A | 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 #29C0C0 como 0% y #00928A como 100%.

0.0%	0.0% #28C0C0	RGB 40 192 192	#28C0C0
16.7%	16.7% #20B8B6	RGB 32 184 182	#20B8B6
33.3%	33.3% #19B0AD	RGB 25 176 173	#19B0AD
50.0%	50.0% #12A9A4	RGB 18 169 164	#12A9A4
66.7%	66.7% #0BA19B	RGB 11 161 155	#0BA19B
83.3%	83.3% #059992	RGB 5 153 146	#059992
100.0%	100.0% #00928A	RGB 0 146 138	#00928A

#28C0C0 #20B8B6 #19B0AD #12A9A4 #0BA19B #059992 #00928A

#29C0C0 - #12A9A4 - #00928A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28C0C0 0%, #12A9A4 50%, #00928A 100%);
    background: -webkit-linear-gradient(top, #28C0C0 0%, #12A9A4 50%, #00928A 100%);
    background: linear-gradient(to bottom, #28C0C0 0%, #12A9A4 50%, #00928A 100%);
}
</style>