#B6B5E5 - #CAE5DF | 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 #B6B5E5 a #CAE5DF

#B6B5E5 #CAE5DF

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

#B6B5E5 - #CAE5DF | 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 #B6B5E5 como 0% y #CAE5DF como 100%.

0.0%	0.0% #B6B5E5	RGB 182 181 229	#B6B5E5
16.7%	16.7% #B9BDE4	RGB 185 189 228	#B9BDE4
33.3%	33.3% #BCC5E3	RGB 188 197 227	#BCC5E3
50.0%	50.0% #C0CDE2	RGB 192 205 226	#C0CDE2
66.7%	66.7% #C3D5E1	RGB 195 213 225	#C3D5E1
83.3%	83.3% #C6DDE0	RGB 198 221 224	#C6DDE0
100.0%	100.0% #CAE5DF	RGB 202 229 223	#CAE5DF

#B6B5E5 #B9BDE4 #BCC5E3 #C0CDE2 #C3D5E1 #C6DDE0 #CAE5DF

#B6B5E5 - #CAE5DF

Mezcla HSV

#B6B5E5 - #CAE5DF | 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 #B6B5E5 como 0% y #CAE5DF como 100%.

0.0%	0.0% #B6B5E5	RGB 182 181 229	#B6B5E5
16.7%	16.7% #B8C0E5	RGB 184 192 229	#B8C0E5
33.3%	33.3% #BCCCE5	RGB 188 204 229	#BCCCE5
50.0%	50.0% #BFD6E5	RGB 191 214 229	#BFD6E5
66.7%	66.7% #C3DEE5	RGB 195 222 229	#C3DEE5
83.3%	83.3% #C6E5E4	RGB 198 229 228	#C6E5E4
100.0%	100.0% #CAE5DF	RGB 202 229 223	#CAE5DF

#B6B5E5 #B8C0E5 #BCCCE5 #BFD6E5 #C3DEE5 #C6E5E4 #CAE5DF

#B6B5E5 - #BFD6E5 - #CAE5DF

Códigos CSS

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

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