#42DDDD - #00B6B9 | 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 #42DDDD a #00B6B9

#42DDDD #00B6B9

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

#42DDDD - #00B6B9 | 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 #42DDDD como 0% y #00B6B9 como 100%.

0.0%	0.0% #42DDDD	RGB 66 221 221	#42DDDD
16.7%	16.7% #37D6D7	RGB 55 214 215	#37D6D7
33.3%	33.3% #2CD0D1	RGB 44 208 209	#2CD0D1
50.0%	50.0% #21C9CB	RGB 33 201 203	#21C9CB
66.7%	66.7% #16C3C5	RGB 22 195 197	#16C3C5
83.3%	83.3% #0BBCBF	RGB 11 188 191	#0BBCBF
100.0%	100.0% #00B6B9	RGB 0 182 185	#00B6B9

#42DDDD #37D6D7 #2CD0D1 #21C9CB #16C3C5 #0BBCBF #00B6B9

#42DDDD - #00B6B9

Mezcla HSV

#42DDDD - #00B6B9 | 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 #42DDDD como 0% y #00B6B9 como 100%.

0.0%	0.0% #42DDDD	RGB 66 221 221	#42DDDD
16.7%	16.7% #35D6D7	RGB 53 214 215	#35D6D7
33.3%	33.3% #29D0D1	RGB 41 208 209	#29D0D1
50.0%	50.0% #1EC9CB	RGB 30 201 203	#1EC9CB
66.7%	66.7% #13C3C5	RGB 19 195 197	#13C3C5
83.3%	83.3% #09BCBF	RGB 9 188 191	#09BCBF
100.0%	100.0% #00B6B9	RGB 0 182 185	#00B6B9

#42DDDD #35D6D7 #29D0D1 #1EC9CB #13C3C5 #09BCBF #00B6B9

#42DDDD - #1EC9CB - #00B6B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42DDDD 0%, #1EC9CB 50%, #00B6B9 100%);
    background: -webkit-linear-gradient(top, #42DDDD 0%, #1EC9CB 50%, #00B6B9 100%);
    background: linear-gradient(to bottom, #42DDDD 0%, #1EC9CB 50%, #00B6B9 100%);
}
</style>