#8C92D9 - #BFCADD | 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 #8C92D9 a #BFCADD

#8C92D9 #BFCADD

Calcule el color entre dos colores, #8C92D9 y #BFCADD. 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)

#8C92D9 - #BFCADD | 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 #8C92D9 como 0% y #BFCADD como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #949BD9	RGB 148 155 217	#949BD9
33.3%	33.3% #9DA4DA	RGB 157 164 218	#9DA4DA
50.0%	50.0% #A5AEDB	RGB 165 174 219	#A5AEDB
66.7%	66.7% #AEB7DB	RGB 174 183 219	#AEB7DB
83.3%	83.3% #B6C0DC	RGB 182 192 220	#B6C0DC
100.0%	100.0% #BFCADD	RGB 191 202 221	#BFCADD

#8C92D9 #949BD9 #9DA4DA #A5AEDB #AEB7DB #B6C0DC #BFCADD

#8C92D9 - #BFCADD

Mezcla HSV

#8C92D9 - #BFCADD | 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 #8C92D9 como 0% y #BFCADD como 100%.

0.0%	0.0% #8C92D9	RGB 140 146 217	#8C92D9
16.7%	16.7% #949DD9	RGB 148 157 217	#949DD9
33.3%	33.3% #9CA7DA	RGB 156 167 218	#9CA7DA
50.0%	50.0% #A5B1DB	RGB 165 177 219	#A5B1DB
66.7%	66.7% #ADBADB	RGB 173 186 219	#ADBADB
83.3%	83.3% #B6C2DC	RGB 182 194 220	#B6C2DC
100.0%	100.0% #BFCADD	RGB 191 202 221	#BFCADD

#8C92D9 #949DD9 #9CA7DA #A5B1DB #ADBADB #B6C2DC #BFCADD

#8C92D9 - #A5B1DB - #BFCADD

Códigos CSS

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

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