#99D1DC - #E1F1F5 | 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 #99D1DC a #E1F1F5

#99D1DC #E1F1F5

Calcule el color entre dos colores, #99D1DC y #E1F1F5. 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)

#99D1DC - #E1F1F5 | 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 #99D1DC como 0% y #E1F1F5 como 100%.

0.0%	0.0% #99D1DC	RGB 153 209 220	#99D1DC
16.7%	16.7% #A5D6E0	RGB 165 214 224	#A5D6E0
33.3%	33.3% #B1DBE4	RGB 177 219 228	#B1DBE4
50.0%	50.0% #BDE1E8	RGB 189 225 232	#BDE1E8
66.7%	66.7% #C9E6EC	RGB 201 230 236	#C9E6EC
83.3%	83.3% #D5EBF0	RGB 213 235 240	#D5EBF0
100.0%	100.0% #E1F1F5	RGB 225 241 245	#E1F1F5

#99D1DC #A5D6E0 #B1DBE4 #BDE1E8 #C9E6EC #D5EBF0 #E1F1F5

#99D1DC - #E1F1F5

Mezcla HSV

#99D1DC - #E1F1F5 | 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 #99D1DC como 0% y #E1F1F5 como 100%.

0.0%	0.0% #99D1DC	RGB 153 209 220	#99D1DC
16.7%	16.7% #A4D5E0	RGB 164 213 224	#A4D5E0
33.3%	33.3% #AFDBE4	RGB 175 219 228	#AFDBE4
50.0%	50.0% #BBE0E8	RGB 187 224 232	#BBE0E8
66.7%	66.7% #C7E5EC	RGB 199 229 236	#C7E5EC
83.3%	83.3% #D4EBF0	RGB 212 235 240	#D4EBF0
100.0%	100.0% #E1F1F5	RGB 225 241 245	#E1F1F5

#99D1DC #A4D5E0 #AFDBE4 #BBE0E8 #C7E5EC #D4EBF0 #E1F1F5

#99D1DC - #BBE0E8 - #E1F1F5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99D1DC 0%, #BBE0E8 50%, #E1F1F5 100%);
    background: -webkit-linear-gradient(top, #99D1DC 0%, #BBE0E8 50%, #E1F1F5 100%);
    background: linear-gradient(to bottom, #99D1DC 0%, #BBE0E8 50%, #E1F1F5 100%);
}
</style>