#16E5E5 - #CDFEB3 | 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 #16E5E5 a #CDFEB3

#16E5E5 #CDFEB3

Calcule el color entre dos colores, #16E5E5 y #CDFEB3. 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)

#16E5E5 - #CDFEB3 | 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 #16E5E5 como 0% y #CDFEB3 como 100%.

0.0%	0.0% #16E5E5	RGB 22 229 229	#16E5E5
16.7%	16.7% #34E9DC	RGB 52 233 220	#34E9DC
33.3%	33.3% #53EDD4	RGB 83 237 212	#53EDD4
50.0%	50.0% #71F1CC	RGB 113 241 204	#71F1CC
66.7%	66.7% #90F5C3	RGB 144 245 195	#90F5C3
83.3%	83.3% #AEF9BB	RGB 174 249 187	#AEF9BB
100.0%	100.0% #CDFEB3	RGB 205 254 179	#CDFEB3

#16E5E5 #34E9DC #53EDD4 #71F1CC #90F5C3 #AEF9BB #CDFEB3

#16E5E5 - #CDFEB3

Mezcla HSV

#16E5E5 - #CDFEB3 | 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 #16E5E5 como 0% y #CDFEB3 como 100%.

0.0%	0.0% #16E5E5	RGB 22 229 229	#16E5E5
16.7%	16.7% #2EE9BF	RGB 46 233 191	#2EE9BF
33.3%	33.3% #46EDA2	RGB 70 237 162	#46EDA2
50.0%	50.0% #60F18F	RGB 96 241 143	#60F18F
66.7%	66.7% #7BF587	RGB 123 245 135	#7BF587
83.3%	83.3% #A2F996	RGB 162 249 150	#A2F996
100.0%	100.0% #CDFEB3	RGB 205 254 179	#CDFEB3

#16E5E5 #2EE9BF #46EDA2 #60F18F #7BF587 #A2F996 #CDFEB3

#16E5E5 - #60F18F - #CDFEB3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
    background: -webkit-linear-gradient(top, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
    background: linear-gradient(to bottom, #16E5E5 0%, #60F18F 50%, #CDFEB3 100%);
}
</style>