#7DFFC3 - #FFEEB2 | 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 #FFEEB2

#7DFFC3 #FFEEB2

Calcule el color entre dos colores, #7DFFC3 y #FFEEB2. 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 - #FFEEB2 | 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 #FFEEB2 como 100%.

0.0%	0.0% #7DFFC3	RGB 125 255 195	#7DFFC3
16.7%	16.7% #92FCC0	RGB 146 252 192	#92FCC0
33.3%	33.3% #A8F9BD	RGB 168 249 189	#A8F9BD
50.0%	50.0% #BEF6BA	RGB 190 246 186	#BEF6BA
66.7%	66.7% #D3F3B7	RGB 211 243 183	#D3F3B7
83.3%	83.3% #E9F0B4	RGB 233 240 180	#E9F0B4
100.0%	100.0% #FFEEB2	RGB 255 238 178	#FFEEB2

#7DFFC3 #92FCC0 #A8F9BD #BEF6BA #D3F3B7 #E9F0B4 #FFEEB2

#7DFFC3 - #FFEEB2

Mezcla HSV

#7DFFC3 - #FFEEB2 | 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 #FFEEB2 como 100%.

0.0%	0.0% #7DFFC3	RGB 125 255 195	#7DFFC3
16.7%	16.7% #85FFA3	RGB 133 255 163	#85FFA3
33.3%	33.3% #94FF8E	RGB 148 255 142	#94FF8E
50.0%	50.0% #BAFF97	RGB 186 255 151	#BAFF97
66.7%	66.7% #DCFFA0	RGB 220 255 160	#DCFFA0
83.3%	83.3% #F8FFA9	RGB 248 255 169	#F8FFA9
100.0%	100.0% #FFEEB2	RGB 255 238 178	#FFEEB2

#7DFFC3 #85FFA3 #94FF8E #BAFF97 #DCFFA0 #F8FFA9 #FFEEB2

#7DFFC3 - #BAFF97 - #FFEEB2

Códigos CSS

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

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