#32D3D3 - #00A9A8 | 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 #32D3D3 a #00A9A8

#32D3D3 #00A9A8

Calcule el color entre dos colores, #32D3D3 y #00A9A8. 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)

#32D3D3 - #00A9A8 | 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 #32D3D3 como 0% y #00A9A8 como 100%.

0.0%	0.0% #32D3D3	RGB 50 211 211	#32D3D3
16.7%	16.7% #29CCCB	RGB 41 204 203	#29CCCB
33.3%	33.3% #21C5C4	RGB 33 197 196	#21C5C4
50.0%	50.0% #19BEBD	RGB 25 190 189	#19BEBD
66.7%	66.7% #10B7B6	RGB 16 183 182	#10B7B6
83.3%	83.3% #08B0AF	RGB 8 176 175	#08B0AF
100.0%	100.0% #00A9A8	RGB 0 169 168	#00A9A8

#32D3D3 #29CCCB #21C5C4 #19BEBD #10B7B6 #08B0AF #00A9A8

#32D3D3 - #00A9A8

Mezcla HSV

#32D3D3 - #00A9A8 | 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 #32D3D3 como 0% y #00A9A8 como 100%.

0.0%	0.0% #32D3D3	RGB 50 211 211	#32D3D3
16.7%	16.7% #28CCCB	RGB 40 204 203	#28CCCB
33.3%	33.3% #1FC5C4	RGB 31 197 196	#1FC5C4
50.0%	50.0% #16BEBD	RGB 22 190 189	#16BEBD
66.7%	66.7% #0EB7B6	RGB 14 183 182	#0EB7B6
83.3%	83.3% #06B0AF	RGB 6 176 175	#06B0AF
100.0%	100.0% #00A9A8	RGB 0 169 168	#00A9A8

#32D3D3 #28CCCB #1FC5C4 #16BEBD #0EB7B6 #06B0AF #00A9A8

#32D3D3 - #16BEBD - #00A9A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #32D3D3 0%, #16BEBD 50%, #00A9A8 100%);
    background: -webkit-linear-gradient(top, #32D3D3 0%, #16BEBD 50%, #00A9A8 100%);
    background: linear-gradient(to bottom, #32D3D3 0%, #16BEBD 50%, #00A9A8 100%);
}
</style>