#8DF0F0 - #14CFD4 | 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 #8DF0F0 a #14CFD4

#8DF0F0 #14CFD4

Calcule el color entre dos colores, #8DF0F0 y #14CFD4. 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)

#8DF0F0 - #14CFD4 | 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 #8DF0F0 como 0% y #14CFD4 como 100%.

0.0%	0.0% #8DF0F0	RGB 141 240 240	#8DF0F0
16.7%	16.7% #78EAEB	RGB 120 234 235	#78EAEB
33.3%	33.3% #64E5E6	RGB 100 229 230	#64E5E6
50.0%	50.0% #50DFE2	RGB 80 223 226	#50DFE2
66.7%	66.7% #3CDADD	RGB 60 218 221	#3CDADD
83.3%	83.3% #28D4D8	RGB 40 212 216	#28D4D8
100.0%	100.0% #14CFD4	RGB 20 207 212	#14CFD4

#8DF0F0 #78EAEB #64E5E6 #50DFE2 #3CDADD #28D4D8 #14CFD4

#8DF0F0 - #14CFD4

Mezcla HSV

#8DF0F0 - #14CFD4 | 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 #8DF0F0 como 0% y #14CFD4 como 100%.

0.0%	0.0% #8DF0F0	RGB 141 240 240	#8DF0F0
16.7%	16.7% #76EAEB	RGB 118 234 235	#76EAEB
33.3%	33.3% #61E5E6	RGB 97 229 230	#61E5E6
50.0%	50.0% #4DE0E2	RGB 77 224 226	#4DE0E2
66.7%	66.7% #39DADD	RGB 57 218 221	#39DADD
83.3%	83.3% #26D4D8	RGB 38 212 216	#26D4D8
100.0%	100.0% #14CFD4	RGB 20 207 212	#14CFD4

#8DF0F0 #76EAEB #61E5E6 #4DE0E2 #39DADD #26D4D8 #14CFD4

#8DF0F0 - #4DE0E2 - #14CFD4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DF0F0 0%, #4DE0E2 50%, #14CFD4 100%);
    background: -webkit-linear-gradient(top, #8DF0F0 0%, #4DE0E2 50%, #14CFD4 100%);
    background: linear-gradient(to bottom, #8DF0F0 0%, #4DE0E2 50%, #14CFD4 100%);
}
</style>