#CEFFAD - #E5E9EC | 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 #CEFFAD a #E5E9EC

#CEFFAD #E5E9EC

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

#CEFFAD - #E5E9EC | 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 #CEFFAD como 0% y #E5E9EC como 100%.

0.0%	0.0% #CEFFAD	RGB 206 255 173	#CEFFAD
16.7%	16.7% #D1FBB7	RGB 209 251 183	#D1FBB7
33.3%	33.3% #D5F7C2	RGB 213 247 194	#D5F7C2
50.0%	50.0% #D9F4CC	RGB 217 244 204	#D9F4CC
66.7%	66.7% #DDF0D7	RGB 221 240 215	#DDF0D7
83.3%	83.3% #E1ECE1	RGB 225 236 225	#E1ECE1
100.0%	100.0% #E5E9EC	RGB 229 233 236	#E5E9EC

#CEFFAD #D1FBB7 #D5F7C2 #D9F4CC #DDF0D7 #E1ECE1 #E5E9EC

#CEFFAD - #E5E9EC

Mezcla HSV

#CEFFAD - #E5E9EC | 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 #CEFFAD como 0% y #E5E9EC como 100%.

0.0%	0.0% #CEFFAD	RGB 206 255 173	#CEFFAD
16.7%	16.7% #BDFBB7	RGB 189 251 183	#BDFBB7
33.3%	33.3% #C0F8CC	RGB 192 248 204	#C0F8CC
50.0%	50.0% #CAF5E0	RGB 202 245 224	#CAF5E0
66.7%	66.7% #D3F2EC	RGB 211 242 236	#D3F2EC
83.3%	83.3% #DCECEF	RGB 220 236 239	#DCECEF
100.0%	100.0% #E5E9EC	RGB 229 233 236	#E5E9EC

#CEFFAD #BDFBB7 #C0F8CC #CAF5E0 #D3F2EC #DCECEF #E5E9EC

#CEFFAD - #CAF5E0 - #E5E9EC

Códigos CSS

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

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