#C5E5E9 - #F0EAEB | 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 #C5E5E9 a #F0EAEB

#C5E5E9 #F0EAEB

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

#C5E5E9 - #F0EAEB | 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 #C5E5E9 como 0% y #F0EAEB como 100%.

0.0%	0.0% #C5E5E9	RGB 197 229 233	#C5E5E9
16.7%	16.7% #CCE5E9	RGB 204 229 233	#CCE5E9
33.3%	33.3% #D3E6E9	RGB 211 230 233	#D3E6E9
50.0%	50.0% #DAE7EA	RGB 218 231 234	#DAE7EA
66.7%	66.7% #E1E8EA	RGB 225 232 234	#E1E8EA
83.3%	83.3% #E8E9EA	RGB 232 233 234	#E8E9EA
100.0%	100.0% #F0EAEB	RGB 240 234 235	#F0EAEB

#C5E5E9 #CCE5E9 #D3E6E9 #DAE7EA #E1E8EA #E8E9EA #F0EAEB

#C5E5E9 - #F0EAEB

Mezcla HSV

#C5E5E9 - #F0EAEB | 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 #C5E5E9 como 0% y #F0EAEB como 100%.

0.0%	0.0% #C5E5E9	RGB 197 229 233	#C5E5E9
16.7%	16.7% #CBD8EA	RGB 203 216 234	#CBD8EA
33.3%	33.3% #D1D1EB	RGB 209 209 235	#D1D1EB
50.0%	50.0% #E1D7EC	RGB 225 215 236	#E1D7EC
66.7%	66.7% #ECDDED	RGB 236 221 237	#ECDDED
83.3%	83.3% #EEE3EA	RGB 238 227 234	#EEE3EA
100.0%	100.0% #F0EAEB	RGB 240 234 235	#F0EAEB

#C5E5E9 #CBD8EA #D1D1EB #E1D7EC #ECDDED #EEE3EA #F0EAEB

#C5E5E9 - #E1D7EC - #F0EAEB

Códigos CSS

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

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