#64B8A2 - #D5E1A4 | 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 #64B8A2 a #D5E1A4

#64B8A2 #D5E1A4

Calcule el color entre dos colores, #64B8A2 y #D5E1A4. 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)

#64B8A2 - #D5E1A4 | 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 #64B8A2 como 0% y #D5E1A4 como 100%.

0.0%	0.0% #64B8A2	RGB 100 184 162	#64B8A2
16.7%	16.7% #76BEA2	RGB 118 190 162	#76BEA2
33.3%	33.3% #89C5A2	RGB 137 197 162	#89C5A2
50.0%	50.0% #9CCCA3	RGB 156 204 163	#9CCCA3
66.7%	66.7% #AFD3A3	RGB 175 211 163	#AFD3A3
83.3%	83.3% #C2DAA3	RGB 194 218 163	#C2DAA3
100.0%	100.0% #D5E1A4	RGB 213 225 164	#D5E1A4

#64B8A2 #76BEA2 #89C5A2 #9CCCA3 #AFD3A3 #C2DAA3 #D5E1A4

#64B8A2 - #D5E1A4

Mezcla HSV

#64B8A2 - #D5E1A4 | 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 #64B8A2 como 0% y #D5E1A4 como 100%.

0.0%	0.0% #64B8A2	RGB 100 184 162	#64B8A2
16.7%	16.7% #6DBE94	RGB 109 190 148	#6DBE94
33.3%	33.3% #77C589	RGB 119 197 137	#77C589
50.0%	50.0% #84CC82	RGB 132 204 130	#84CC82
66.7%	66.7% #A1D38C	RGB 161 211 140	#A1D38C
83.3%	83.3% #BCDA98	RGB 188 218 152	#BCDA98
100.0%	100.0% #D5E1A4	RGB 213 225 164	#D5E1A4

#64B8A2 #6DBE94 #77C589 #84CC82 #A1D38C #BCDA98 #D5E1A4

#64B8A2 - #84CC82 - #D5E1A4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #64B8A2 0%, #84CC82 50%, #D5E1A4 100%);
    background: -webkit-linear-gradient(top, #64B8A2 0%, #84CC82 50%, #D5E1A4 100%);
    background: linear-gradient(to bottom, #64B8A2 0%, #84CC82 50%, #D5E1A4 100%);
}
</style>