#48AEAE - #BEE0AB | 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 #48AEAE a #BEE0AB

#48AEAE #BEE0AB

Calcule el color entre dos colores, #48AEAE y #BEE0AB. 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)

#48AEAE - #BEE0AB | 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 #48AEAE como 0% y #BEE0AB como 100%.

0.0%	0.0% #48AEAE	RGB 72 174 174	#48AEAE
16.7%	16.7% #5BB6AD	RGB 91 182 173	#5BB6AD
33.3%	33.3% #6FBEAD	RGB 111 190 173	#6FBEAD
50.0%	50.0% #83C7AC	RGB 131 199 172	#83C7AC
66.7%	66.7% #96CFAC	RGB 150 207 172	#96CFAC
83.3%	83.3% #AAD7AB	RGB 170 215 171	#AAD7AB
100.0%	100.0% #BEE0AB	RGB 190 224 171	#BEE0AB

#48AEAE #5BB6AD #6FBEAD #83C7AC #96CFAC #AAD7AB #BEE0AB

#48AEAE - #BEE0AB

Mezcla HSV

#48AEAE - #BEE0AB | 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 #48AEAE como 0% y #BEE0AB como 100%.

0.0%	0.0% #47AEAE	RGB 71 174 174	#47AEAE
16.7%	16.7% #56B6A0	RGB 86 182 160	#56B6A0
33.3%	33.3% #65BE96	RGB 101 190 150	#65BE96
50.0%	50.0% #75C78F	RGB 117 199 143	#75C78F
66.7%	66.7% #86CF8D	RGB 134 207 141	#86CF8D
83.3%	83.3% #A0D798	RGB 160 215 152	#A0D798
100.0%	100.0% #BEE0AB	RGB 190 224 171	#BEE0AB

#47AEAE #56B6A0 #65BE96 #75C78F #86CF8D #A0D798 #BEE0AB

#48AEAE - #75C78F - #BEE0AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47AEAE 0%, #75C78F 50%, #BEE0AB 100%);
    background: -webkit-linear-gradient(top, #47AEAE 0%, #75C78F 50%, #BEE0AB 100%);
    background: linear-gradient(to bottom, #47AEAE 0%, #75C78F 50%, #BEE0AB 100%);
}
</style>