#7DFFC3 - #D9FFED | 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 #7DFFC3 a #D9FFED

#7DFFC3 #D9FFED

Calcule el color entre dos colores, #7DFFC3 y #D9FFED. 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)

#7DFFC3 - #D9FFED | 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 #7DFFC3 como 0% y #D9FFED como 100%.

0.0%	0.0% #7DFFC3	RGB 125 255 195	#7DFFC3
16.7%	16.7% #8CFFCA	RGB 140 255 202	#8CFFCA
33.3%	33.3% #9BFFD1	RGB 155 255 209	#9BFFD1
50.0%	50.0% #ABFFD8	RGB 171 255 216	#ABFFD8
66.7%	66.7% #BAFFDF	RGB 186 255 223	#BAFFDF
83.3%	83.3% #C9FFE6	RGB 201 255 230	#C9FFE6
100.0%	100.0% #D9FFED	RGB 217 255 237	#D9FFED

#7DFFC3 #8CFFCA #9BFFD1 #ABFFD8 #BAFFDF #C9FFE6 #D9FFED

#7DFFC3 - #D9FFED

Mezcla HSV

#7DFFC3 - #D9FFED | 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 #7DFFC3 como 0% y #D9FFED como 100%.

0.0%	0.0% #7DFFC3	RGB 125 255 195	#7DFFC3
16.7%	16.7% #8CFFC9	RGB 140 255 201	#8CFFC9
33.3%	33.3% #9BFFD0	RGB 155 255 208	#9BFFD0
50.0%	50.0% #ABFFD7	RGB 171 255 215	#ABFFD7
66.7%	66.7% #BAFFDE	RGB 186 255 222	#BAFFDE
83.3%	83.3% #C9FFE5	RGB 201 255 229	#C9FFE5
100.0%	100.0% #D9FFED	RGB 217 255 237	#D9FFED

#7DFFC3 #8CFFC9 #9BFFD0 #ABFFD7 #BAFFDE #C9FFE5 #D9FFED

#7DFFC3 - #ABFFD7 - #D9FFED

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DFFC3 0%, #ABFFD7 50%, #D9FFED 100%);
    background: -webkit-linear-gradient(top, #7DFFC3 0%, #ABFFD7 50%, #D9FFED 100%);
    background: linear-gradient(to bottom, #7DFFC3 0%, #ABFFD7 50%, #D9FFED 100%);
}
</style>