#31DCAE - #C4F5E7 | 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 #31DCAE a #C4F5E7

#31DCAE #C4F5E7

Calcule el color entre dos colores, #31DCAE y #C4F5E7. 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)

#31DCAE - #C4F5E7 | 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 #31DCAE como 0% y #C4F5E7 como 100%.

0.0%	0.0% #31DCAE	RGB 49 220 174	#31DCAE
16.7%	16.7% #49E0B7	RGB 73 224 183	#49E0B7
33.3%	33.3% #62E4C1	RGB 98 228 193	#62E4C1
50.0%	50.0% #7AE8CA	RGB 122 232 202	#7AE8CA
66.7%	66.7% #93ECD4	RGB 147 236 212	#93ECD4
83.3%	83.3% #ABF0DD	RGB 171 240 221	#ABF0DD
100.0%	100.0% #C4F5E7	RGB 196 245 231	#C4F5E7

#31DCAE #49E0B7 #62E4C1 #7AE8CA #93ECD4 #ABF0DD #C4F5E7

#31DCAE - #C4F5E7

Mezcla HSV

#31DCAE - #C4F5E7 | 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 #31DCAE como 0% y #C4F5E7 como 100%.

0.0%	0.0% #31DCAE	RGB 49 220 174	#31DCAE
16.7%	16.7% #47E0B6	RGB 71 224 182	#47E0B6
33.3%	33.3% #5EE4BF	RGB 94 228 191	#5EE4BF
50.0%	50.0% #76E8C8	RGB 118 232 200	#76E8C8
66.7%	66.7% #8FECD2	RGB 143 236 210	#8FECD2
83.3%	83.3% #A9F0DC	RGB 169 240 220	#A9F0DC
100.0%	100.0% #C4F5E7	RGB 196 245 231	#C4F5E7

#31DCAE #47E0B6 #5EE4BF #76E8C8 #8FECD2 #A9F0DC #C4F5E7

#31DCAE - #76E8C8 - #C4F5E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #31DCAE 0%, #76E8C8 50%, #C4F5E7 100%);
    background: -webkit-linear-gradient(top, #31DCAE 0%, #76E8C8 50%, #C4F5E7 100%);
    background: linear-gradient(to bottom, #31DCAE 0%, #76E8C8 50%, #C4F5E7 100%);
}
</style>