#4EC5C5 - #CAE6B2 | 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 #4EC5C5 a #CAE6B2

#4EC5C5 #CAE6B2

Calcule el color entre dos colores, #4EC5C5 y #CAE6B2. 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)

#4EC5C5 - #CAE6B2 | 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 #4EC5C5 como 0% y #CAE6B2 como 100%.

0.0%	0.0% #4EC5C5	RGB 78 197 197	#4EC5C5
16.7%	16.7% #62CAC1	RGB 98 202 193	#62CAC1
33.3%	33.3% #77D0BE	RGB 119 208 190	#77D0BE
50.0%	50.0% #8CD5BB	RGB 140 213 187	#8CD5BB
66.7%	66.7% #A0DBB8	RGB 160 219 184	#A0DBB8
83.3%	83.3% #B5E0B5	RGB 181 224 181	#B5E0B5
100.0%	100.0% #CAE6B2	RGB 202 230 178	#CAE6B2

#4EC5C5 #62CAC1 #77D0BE #8CD5BB #A0DBB8 #B5E0B5 #CAE6B2

#4EC5C5 - #CAE6B2

Mezcla HSV

#4EC5C5 - #CAE6B2 | 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 #4EC5C5 como 0% y #CAE6B2 como 100%.

0.0%	0.0% #4EC5C5	RGB 78 197 197	#4EC5C5
16.7%	16.7% #5CCAAF	RGB 92 202 175	#5CCAAF
33.3%	33.3% #6CD09F	RGB 108 208 159	#6CD09F
50.0%	50.0% #7CD594	RGB 124 213 148	#7CD594
66.7%	66.7% #8DDB8F	RGB 141 219 143	#8DDB8F
83.3%	83.3% #ADE09F	RGB 173 224 159	#ADE09F
100.0%	100.0% #CAE6B2	RGB 202 230 178	#CAE6B2

#4EC5C5 #5CCAAF #6CD09F #7CD594 #8DDB8F #ADE09F #CAE6B2

#4EC5C5 - #7CD594 - #CAE6B2

Códigos CSS

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

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