#4EB6C5 - #DEE4CD | 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 #4EB6C5 a #DEE4CD

#4EB6C5 #DEE4CD

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

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

0.0%	0.0% #4EB6C5	RGB 78 182 197	#4EB6C5
16.7%	16.7% #66BDC6	RGB 102 189 198	#66BDC6
33.3%	33.3% #7EC5C7	RGB 126 197 199	#7EC5C7
50.0%	50.0% #96CDC9	RGB 150 205 201	#96CDC9
66.7%	66.7% #AED4CA	RGB 174 212 202	#AED4CA
83.3%	83.3% #C6DCCB	RGB 198 220 203	#C6DCCB
100.0%	100.0% #DEE4CD	RGB 222 228 205	#DEE4CD

#4EB6C5 #66BDC6 #7EC5C7 #96CDC9 #AED4CA #C6DCCB #DEE4CD

#4EB6C5 - #DEE4CD

Mezcla HSV

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

0.0%	0.0% #4EB5C5	RGB 78 181 197	#4EB5C5
16.7%	16.7% #61CAB6	RGB 97 202 182	#61CAB6
33.3%	33.3% #74CFA2	RGB 116 207 162	#74CFA2
50.0%	50.0% #89D498	RGB 137 212 152	#89D498
66.7%	66.7% #A6D99F	RGB 166 217 159	#A6D99F
83.3%	83.3% #C7DEB5	RGB 199 222 181	#C7DEB5
100.0%	100.0% #DEE4CD	RGB 222 228 205	#DEE4CD

#4EB5C5 #61CAB6 #74CFA2 #89D498 #A6D99F #C7DEB5 #DEE4CD

#4EB6C5 - #89D498 - #DEE4CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB5C5 0%, #89D498 50%, #DEE4CD 100%);
    background: -webkit-linear-gradient(top, #4EB5C5 0%, #89D498 50%, #DEE4CD 100%);
    background: linear-gradient(to bottom, #4EB5C5 0%, #89D498 50%, #DEE4CD 100%);
}
</style>