#48D0D0 - #CEEAB4 | 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 #48D0D0 a #CEEAB4

#48D0D0 #CEEAB4

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

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

0.0%	0.0% #48D0D0	RGB 72 208 208	#48D0D0
16.7%	16.7% #5ED4CB	RGB 94 212 203	#5ED4CB
33.3%	33.3% #74D8C6	RGB 116 216 198	#74D8C6
50.0%	50.0% #8BDDC2	RGB 139 221 194	#8BDDC2
66.7%	66.7% #A1E1BD	RGB 161 225 189	#A1E1BD
83.3%	83.3% #B7E5B8	RGB 183 229 184	#B7E5B8
100.0%	100.0% #CEEAB4	RGB 206 234 180	#CEEAB4

#48D0D0 #5ED4CB #74D8C6 #8BDDC2 #A1E1BD #B7E5B8 #CEEAB4

#48D0D0 - #CEEAB4

Mezcla HSV

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

0.0%	0.0% #48D0D0	RGB 72 208 208	#48D0D0
16.7%	16.7% #58D4B5	RGB 88 212 181	#58D4B5
33.3%	33.3% #69D8A1	RGB 105 216 161	#69D8A1
50.0%	50.0% #7BDD94	RGB 123 221 148	#7BDD94
66.7%	66.7% #8DE18E	RGB 141 225 142	#8DE18E
83.3%	83.3% #B0E5A0	RGB 176 229 160	#B0E5A0
100.0%	100.0% #CEEAB4	RGB 206 234 180	#CEEAB4

#48D0D0 #58D4B5 #69D8A1 #7BDD94 #8DE18E #B0E5A0 #CEEAB4

#48D0D0 - #7BDD94 - #CEEAB4

Códigos CSS

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

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