#30D5A9 - #C3F3E6 | 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 #30D5A9 a #C3F3E6

#30D5A9 #C3F3E6

Calcule el color entre dos colores, #30D5A9 y #C3F3E6. 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)

#30D5A9 - #C3F3E6 | 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 #30D5A9 como 0% y #C3F3E6 como 100%.

0.0%	0.0% #30D5A9	RGB 48 213 169	#30D5A9
16.7%	16.7% #48DAB3	RGB 72 218 179	#48DAB3
33.3%	33.3% #61DFBD	RGB 97 223 189	#61DFBD
50.0%	50.0% #79E4C7	RGB 121 228 199	#79E4C7
66.7%	66.7% #92E9D1	RGB 146 233 209	#92E9D1
83.3%	83.3% #AAEEDB	RGB 170 238 219	#AAEEDB
100.0%	100.0% #C3F3E6	RGB 195 243 230	#C3F3E6

#30D5A9 #48DAB3 #61DFBD #79E4C7 #92E9D1 #AAEEDB #C3F3E6

#30D5A9 - #C3F3E6

Mezcla HSV

#30D5A9 - #C3F3E6 | 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 #30D5A9 como 0% y #C3F3E6 como 100%.

0.0%	0.0% #30D5A9	RGB 48 213 169	#30D5A9
16.7%	16.7% #46DAB2	RGB 70 218 178	#46DAB2
33.3%	33.3% #5DDFBC	RGB 93 223 188	#5DDFBC
50.0%	50.0% #75E4C6	RGB 117 228 198	#75E4C6
66.7%	66.7% #8EE9D0	RGB 142 233 208	#8EE9D0
83.3%	83.3% #A8EEDB	RGB 168 238 219	#A8EEDB
100.0%	100.0% #C3F3E6	RGB 195 243 230	#C3F3E6

#30D5A9 #46DAB2 #5DDFBC #75E4C6 #8EE9D0 #A8EEDB #C3F3E6

#30D5A9 - #75E4C6 - #C3F3E6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #30D5A9 0%, #75E4C6 50%, #C3F3E6 100%);
    background: -webkit-linear-gradient(top, #30D5A9 0%, #75E4C6 50%, #C3F3E6 100%);
    background: linear-gradient(to bottom, #30D5A9 0%, #75E4C6 50%, #C3F3E6 100%);
}
</style>