#A8C2D5 - #EADBFF | 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 #A8C2D5 a #EADBFF

#A8C2D5 #EADBFF

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

#A8C2D5 - #EADBFF | 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 #A8C2D5 como 0% y #EADBFF como 100%.

0.0%	0.0% #A8C2D5	RGB 168 194 213	#A8C2D5
16.7%	16.7% #B3C6DC	RGB 179 198 220	#B3C6DC
33.3%	33.3% #BECAE3	RGB 190 202 227	#BECAE3
50.0%	50.0% #C9CEEA	RGB 201 206 234	#C9CEEA
66.7%	66.7% #D4D2F1	RGB 212 210 241	#D4D2F1
83.3%	83.3% #DFD6F8	RGB 223 214 248	#DFD6F8
100.0%	100.0% #EADBFF	RGB 234 219 255	#EADBFF

#A8C2D5 #B3C6DC #BECAE3 #C9CEEA #D4D2F1 #DFD6F8 #EADBFF

#A8C2D5 - #EADBFF

Mezcla HSV

#A8C2D5 - #EADBFF | 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 #A8C2D5 como 0% y #EADBFF como 100%.

0.0%	0.0% #A8C2D5	RGB 168 194 213	#A8C2D5
16.7%	16.7% #B0C2DC	RGB 176 194 220	#B0C2DC
33.3%	33.3% #B8C2E3	RGB 184 194 227	#B8C2E3
50.0%	50.0% #C0C4EA	RGB 192 196 234	#C0C4EA
66.7%	66.7% #CCC9F1	RGB 204 201 241	#CCC9F1
83.3%	83.3% #DBD2F8	RGB 219 210 248	#DBD2F8
100.0%	100.0% #EADBFF	RGB 234 219 255	#EADBFF

#A8C2D5 #B0C2DC #B8C2E3 #C0C4EA #CCC9F1 #DBD2F8 #EADBFF

#A8C2D5 - #C0C4EA - #EADBFF

Códigos CSS

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

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