#5EBF9D - #D1ECE3 | 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 #5EBF9D a #D1ECE3

#5EBF9D #D1ECE3

Calcule el color entre dos colores, #5EBF9D y #D1ECE3. 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)

#5EBF9D - #D1ECE3 | 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 #5EBF9D como 0% y #D1ECE3 como 100%.

0.0%	0.0% #5EBF9D	RGB 94 191 157	#5EBF9D
16.7%	16.7% #71C6A8	RGB 113 198 168	#71C6A8
33.3%	33.3% #84CEB4	RGB 132 206 180	#84CEB4
50.0%	50.0% #97D5C0	RGB 151 213 192	#97D5C0
66.7%	66.7% #AADDCB	RGB 170 221 203	#AADDCB
83.3%	83.3% #BDE4D7	RGB 189 228 215	#BDE4D7
100.0%	100.0% #D1ECE3	RGB 209 236 227	#D1ECE3

#5EBF9D #71C6A8 #84CEB4 #97D5C0 #AADDCB #BDE4D7 #D1ECE3

#5EBF9D - #D1ECE3

Mezcla HSV

#5EBF9D - #D1ECE3 | 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 #5EBF9D como 0% y #D1ECE3 como 100%.

0.0%	0.0% #5EBF9D	RGB 94 191 157	#5EBF9D
16.7%	16.7% #6EC6A7	RGB 110 198 167	#6EC6A7
33.3%	33.3% #80CEB3	RGB 128 206 179	#80CEB3
50.0%	50.0% #93D5BE	RGB 147 213 190	#93D5BE
66.7%	66.7% #A6DDCA	RGB 166 221 202	#A6DDCA
83.3%	83.3% #BBE4D6	RGB 187 228 214	#BBE4D6
100.0%	100.0% #D1ECE3	RGB 209 236 227	#D1ECE3

#5EBF9D #6EC6A7 #80CEB3 #93D5BE #A6DDCA #BBE4D6 #D1ECE3

#5EBF9D - #93D5BE - #D1ECE3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EBF9D 0%, #93D5BE 50%, #D1ECE3 100%);
    background: -webkit-linear-gradient(top, #5EBF9D 0%, #93D5BE 50%, #D1ECE3 100%);
    background: linear-gradient(to bottom, #5EBF9D 0%, #93D5BE 50%, #D1ECE3 100%);
}
</style>