#A8C5D0 - #EDE2FF | 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 #A8C5D0 a #EDE2FF

#A8C5D0 #EDE2FF

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

#A8C5D0 - #EDE2FF | 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 #A8C5D0 como 0% y #EDE2FF como 100%.

0.0%	0.0% #A8C5D0	RGB 168 197 208	#A8C5D0
16.7%	16.7% #B3C9D7	RGB 179 201 215	#B3C9D7
33.3%	33.3% #BFCEDF	RGB 191 206 223	#BFCEDF
50.0%	50.0% #CAD3E7	RGB 202 211 231	#CAD3E7
66.7%	66.7% #D6D8EF	RGB 214 216 239	#D6D8EF
83.3%	83.3% #E1DDF7	RGB 225 221 247	#E1DDF7
100.0%	100.0% #EDE2FF	RGB 237 226 255	#EDE2FF

#A8C5D0 #B3C9D7 #BFCEDF #CAD3E7 #D6D8EF #E1DDF7 #EDE2FF

#A8C5D0 - #EDE2FF

Mezcla HSV

#A8C5D0 - #EDE2FF | 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 #A8C5D0 como 0% y #EDE2FF como 100%.

0.0%	0.0% #A8C5D0	RGB 168 197 208	#A8C5D0
16.7%	16.7% #B1C6D7	RGB 177 198 215	#B1C6D7
33.3%	33.3% #BAC7DF	RGB 186 199 223	#BAC7DF
50.0%	50.0% #C4CAE7	RGB 196 202 231	#C4CAE7
66.7%	66.7% #CECDEF	RGB 206 205 239	#CECDEF
83.3%	83.3% #DDD7F7	RGB 221 215 247	#DDD7F7
100.0%	100.0% #EDE2FF	RGB 237 226 255	#EDE2FF

#A8C5D0 #B1C6D7 #BAC7DF #C4CAE7 #CECDEF #DDD7F7 #EDE2FF

#A8C5D0 - #C4CAE7 - #EDE2FF

Códigos CSS

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

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