#44E5E5 - #C9F7F7 | 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 #44E5E5 a #C9F7F7

#44E5E5 #C9F7F7

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

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

0.0%	0.0% #44E5E5	RGB 68 229 229	#44E5E5
16.7%	16.7% #5AE8E8	RGB 90 232 232	#5AE8E8
33.3%	33.3% #70EBEB	RGB 112 235 235	#70EBEB
50.0%	50.0% #86EEEE	RGB 134 238 238	#86EEEE
66.7%	66.7% #9CF1F1	RGB 156 241 241	#9CF1F1
83.3%	83.3% #B2F4F4	RGB 178 244 244	#B2F4F4
100.0%	100.0% #C9F7F7	RGB 201 247 247	#C9F7F7

#44E5E5 #5AE8E8 #70EBEB #86EEEE #9CF1F1 #B2F4F4 #C9F7F7

#44E5E5 - #C9F7F7

Mezcla HSV

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

0.0%	0.0% #44E5E5	RGB 68 229 229	#44E5E5
16.7%	16.7% #58E8E8	RGB 88 232 232	#58E8E8
33.3%	33.3% #6EEBEB	RGB 110 235 235	#6EEBEB
50.0%	50.0% #84EEEE	RGB 132 238 238	#84EEEE
66.7%	66.7% #9AF1F1	RGB 154 241 241	#9AF1F1
83.3%	83.3% #B1F4F4	RGB 177 244 244	#B1F4F4
100.0%	100.0% #C9F7F7	RGB 201 247 247	#C9F7F7

#44E5E5 #58E8E8 #6EEBEB #84EEEE #9AF1F1 #B1F4F4 #C9F7F7

#44E5E5 - #84EEEE - #C9F7F7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44E5E5 0%, #84EEEE 50%, #C9F7F7 100%);
    background: -webkit-linear-gradient(top, #44E5E5 0%, #84EEEE 50%, #C9F7F7 100%);
    background: linear-gradient(to bottom, #44E5E5 0%, #84EEEE 50%, #C9F7F7 100%);
}
</style>