#00A5A6 - #C6FBCB | 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 #00A5A6 a #C6FBCB

#00A5A6 #C6FBCB

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

#00A5A6 - #C6FBCB | 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 #00A5A6 como 0% y #C6FBCB como 100%.

0.0%	0.0% #00A5A6	RGB 0 165 166	#00A5A6
16.7%	16.7% #21B3AC	RGB 33 179 172	#21B3AC
33.3%	33.3% #42C1B2	RGB 66 193 178	#42C1B2
50.0%	50.0% #63D0B8	RGB 99 208 184	#63D0B8
66.7%	66.7% #84DEBE	RGB 132 222 190	#84DEBE
83.3%	83.3% #A5ECC4	RGB 165 236 196	#A5ECC4
100.0%	100.0% #C6FBCB	RGB 198 251 203	#C6FBCB

#00A5A6 #21B3AC #42C1B2 #63D0B8 #84DEBE #A5ECC4 #C6FBCB

#00A5A6 - #C6FBCB

Mezcla HSV

#00A5A6 - #C6FBCB | 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 #00A5A6 como 0% y #C6FBCB como 100%.

0.0%	0.0% #00A4A6	RGB 0 164 166	#00A4A6
16.7%	16.7% #17B49D	RGB 23 180 157	#17B49D
33.3%	33.3% #33C297	RGB 51 194 151	#33C297
50.0%	50.0% #52D097	RGB 82 208 151	#52D097
66.7%	66.7% #75DE9F	RGB 117 222 159	#75DE9F
83.3%	83.3% #9BECAF	RGB 155 236 175	#9BECAF
100.0%	100.0% #C6FBCB	RGB 198 251 203	#C6FBCB

#00A4A6 #17B49D #33C297 #52D097 #75DE9F #9BECAF #C6FBCB

#00A5A6 - #52D097 - #C6FBCB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A4A6 0%, #52D097 50%, #C6FBCB 100%);
    background: -webkit-linear-gradient(top, #00A4A6 0%, #52D097 50%, #C6FBCB 100%);
    background: linear-gradient(to bottom, #00A4A6 0%, #52D097 50%, #C6FBCB 100%);
}
</style>