#AFEEC1 - #ECE6EC | 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 #AFEEC1 a #ECE6EC

#AFEEC1 #ECE6EC

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

#AFEEC1 - #ECE6EC | 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 #AFEEC1 como 0% y #ECE6EC como 100%.

0.0%	0.0% #AFEEC1	RGB 175 238 193	#AFEEC1
16.7%	16.7% #B9ECC8	RGB 185 236 200	#B9ECC8
33.3%	33.3% #C3EBCF	RGB 195 235 207	#C3EBCF
50.0%	50.0% #CDEAD6	RGB 205 234 214	#CDEAD6
66.7%	66.7% #D7E8DD	RGB 215 232 221	#D7E8DD
83.3%	83.3% #E1E7E4	RGB 225 231 228	#E1E7E4
100.0%	100.0% #ECE6EC	RGB 236 230 236	#ECE6EC

#AFEEC1 #B9ECC8 #C3EBCF #CDEAD6 #D7E8DD #E1E7E4 #ECE6EC

#AFEEC1 - #ECE6EC

Mezcla HSV

#AFEEC1 - #ECE6EC | 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 #AFEEC1 como 0% y #ECE6EC como 100%.

0.0%	0.0% #AFEEC1	RGB 175 238 193	#AFEEC1
16.7%	16.7% #B8EDDF	RGB 184 237 223	#B8EDDF
33.3%	33.3% #C1E4ED	RGB 193 228 237	#C1E4ED
50.0%	50.0% #CAD6ED	RGB 202 214 237	#CAD6ED
66.7%	66.7% #D6D3EC	RGB 214 211 236	#D6D3EC
83.3%	83.3% #E5DCEC	RGB 229 220 236	#E5DCEC
100.0%	100.0% #ECE6EC	RGB 236 230 236	#ECE6EC

#AFEEC1 #B8EDDF #C1E4ED #CAD6ED #D6D3EC #E5DCEC #ECE6EC

#AFEEC1 - #CAD6ED - #ECE6EC

Códigos CSS

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

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