#C5E5E8 - #F1EAEB | 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 #C5E5E8 a #F1EAEB

#C5E5E8 #F1EAEB

Calcule el color entre dos colores, #C5E5E8 y #F1EAEB. 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)

#C5E5E8 - #F1EAEB | 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 #C5E5E8 como 0% y #F1EAEB como 100%.

0.0%	0.0% #C5E5E8	RGB 197 229 232	#C5E5E8
16.7%	16.7% #CCE5E8	RGB 204 229 232	#CCE5E8
33.3%	33.3% #D3E6E9	RGB 211 230 233	#D3E6E9
50.0%	50.0% #DBE7E9	RGB 219 231 233	#DBE7E9
66.7%	66.7% #E2E8EA	RGB 226 232 234	#E2E8EA
83.3%	83.3% #E9E9EA	RGB 233 233 234	#E9E9EA
100.0%	100.0% #F1EAEB	RGB 241 234 235	#F1EAEB

#C5E5E8 #CCE5E8 #D3E6E9 #DBE7E9 #E2E8EA #E9E9EA #F1EAEB

#C5E5E8 - #F1EAEB

Mezcla HSV

#C5E5E8 - #F1EAEB | 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 #C5E5E8 como 0% y #F1EAEB como 100%.

0.0%	0.0% #C5E5E8	RGB 197 229 232	#C5E5E8
16.7%	16.7% #CBD8E9	RGB 203 216 233	#CBD8E9
33.3%	33.3% #D1D1EB	RGB 209 209 235	#D1D1EB
50.0%	50.0% #E1D7EC	RGB 225 215 236	#E1D7EC
66.7%	66.7% #ECDDEE	RGB 236 221 238	#ECDDEE
83.3%	83.3% #EFE3EA	RGB 239 227 234	#EFE3EA
100.0%	100.0% #F1EAEB	RGB 241 234 235	#F1EAEB

#C5E5E8 #CBD8E9 #D1D1EB #E1D7EC #ECDDEE #EFE3EA #F1EAEB

#C5E5E8 - #E1D7EC - #F1EAEB

Códigos CSS

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

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