#48DCDC - #D3ECB6 | 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 #48DCDC a #D3ECB6

#48DCDC #D3ECB6

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

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

0.0%	0.0% #48DCDC	RGB 72 220 220	#48DCDC
16.7%	16.7% #5FDED5	RGB 95 222 213	#5FDED5
33.3%	33.3% #76E1CF	RGB 118 225 207	#76E1CF
50.0%	50.0% #8DE4C9	RGB 141 228 201	#8DE4C9
66.7%	66.7% #A4E6C2	RGB 164 230 194	#A4E6C2
83.3%	83.3% #BBE9BC	RGB 187 233 188	#BBE9BC
100.0%	100.0% #D3ECB6	RGB 211 236 182	#D3ECB6

#48DCDC #5FDED5 #76E1CF #8DE4C9 #A4E6C2 #BBE9BC #D3ECB6

#48DCDC - #D3ECB6

Mezcla HSV

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

0.0%	0.0% #48DCDC	RGB 72 220 220	#48DCDC
16.7%	16.7% #59DEBC	RGB 89 222 188	#59DEBC
33.3%	33.3% #6BE1A4	RGB 107 225 164	#6BE1A4
50.0%	50.0% #7DE495	RGB 125 228 149	#7DE495
66.7%	66.7% #91E68F	RGB 145 230 143	#91E68F
83.3%	83.3% #B6E9A2	RGB 182 233 162	#B6E9A2
100.0%	100.0% #D3ECB6	RGB 211 236 182	#D3ECB6

#48DCDC #59DEBC #6BE1A4 #7DE495 #91E68F #B6E9A2 #D3ECB6

#48DCDC - #7DE495 - #D3ECB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48DCDC 0%, #7DE495 50%, #D3ECB6 100%);
    background: -webkit-linear-gradient(top, #48DCDC 0%, #7DE495 50%, #D3ECB6 100%);
    background: linear-gradient(to bottom, #48DCDC 0%, #7DE495 50%, #D3ECB6 100%);
}
</style>