#A3E1D1 - #39B5A2 | 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 #A3E1D1 a #39B5A2

#A3E1D1 #39B5A2

Calcule el color entre dos colores, #A3E1D1 y #39B5A2. 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)

#A3E1D1 - #39B5A2 | 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 #A3E1D1 como 0% y #39B5A2 como 100%.

0.0%	0.0% #A3E1D1	RGB 163 225 209	#A3E1D1
16.7%	16.7% #91D9C9	RGB 145 217 201	#91D9C9
33.3%	33.3% #7FD2C1	RGB 127 210 193	#7FD2C1
50.0%	50.0% #6ECBB9	RGB 110 203 185	#6ECBB9
66.7%	66.7% #5CC3B1	RGB 92 195 177	#5CC3B1
83.3%	83.3% #4ABCA9	RGB 74 188 169	#4ABCA9
100.0%	100.0% #39B5A2	RGB 57 181 162	#39B5A2

#A3E1D1 #91D9C9 #7FD2C1 #6ECBB9 #5CC3B1 #4ABCA9 #39B5A2

#A3E1D1 - #39B5A2

Mezcla HSV

#A3E1D1 - #39B5A2 | 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 #A3E1D1 como 0% y #39B5A2 como 100%.

0.0%	0.0% #A3E1D1	RGB 163 225 209	#A3E1D1
16.7%	16.7% #8ED9C7	RGB 142 217 199	#8ED9C7
33.3%	33.3% #7BD2BE	RGB 123 210 190	#7BD2BE
50.0%	50.0% #69CBB6	RGB 105 203 182	#69CBB6
66.7%	66.7% #58C3AF	RGB 88 195 175	#58C3AF
83.3%	83.3% #48BCA8	RGB 72 188 168	#48BCA8
100.0%	100.0% #39B5A2	RGB 57 181 162	#39B5A2

#A3E1D1 #8ED9C7 #7BD2BE #69CBB6 #58C3AF #48BCA8 #39B5A2

#A3E1D1 - #69CBB6 - #39B5A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A3E1D1 0%, #69CBB6 50%, #39B5A2 100%);
    background: -webkit-linear-gradient(top, #A3E1D1 0%, #69CBB6 50%, #39B5A2 100%);
    background: linear-gradient(to bottom, #A3E1D1 0%, #69CBB6 50%, #39B5A2 100%);
}
</style>