#ABC6B8 - #E0C2FF | 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 #ABC6B8 a #E0C2FF

#ABC6B8 #E0C2FF

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

#ABC6B8 - #E0C2FF | 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 #ABC6B8 como 0% y #E0C2FF como 100%.

0.0%	0.0% #ABC6B8	RGB 171 198 184	#ABC6B8
16.7%	16.7% #B3C5C3	RGB 179 197 195	#B3C5C3
33.3%	33.3% #BCC4CF	RGB 188 196 207	#BCC4CF
50.0%	50.0% #C5C4DB	RGB 197 196 219	#C5C4DB
66.7%	66.7% #CEC3E7	RGB 206 195 231	#CEC3E7
83.3%	83.3% #D7C2F3	RGB 215 194 243	#D7C2F3
100.0%	100.0% #E0C2FF	RGB 224 194 255	#E0C2FF

#ABC6B8 #B3C5C3 #BCC4CF #C5C4DB #CEC3E7 #D7C2F3 #E0C2FF

#ABC6B8 - #E0C2FF

Mezcla HSV

#ABC6B8 - #E0C2FF | 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 #ABC6B8 como 0% y #E0C2FF como 100%.

0.0%	0.0% #ABC6B8	RGB 171 198 184	#ABC6B8
16.7%	16.7% #AFCFC9	RGB 175 207 201	#AFCFC9
33.3%	33.3% #B3D3D9	RGB 179 211 217	#B3D3D9
50.0%	50.0% #B7CDE2	RGB 183 205 226	#B7CDE2
66.7%	66.7% #BBC4EC	RGB 187 196 236	#BBC4EC
83.3%	83.3% #C7BEF5	RGB 199 190 245	#C7BEF5
100.0%	100.0% #E0C2FF	RGB 224 194 255	#E0C2FF

#ABC6B8 #AFCFC9 #B3D3D9 #B7CDE2 #BBC4EC #C7BEF5 #E0C2FF

#ABC6B8 - #B7CDE2 - #E0C2FF

Códigos CSS

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

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