#B5E7B7 - #E8DFFF | 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 #B5E7B7 a #E8DFFF

#B5E7B7 #E8DFFF

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

#B5E7B7 - #E8DFFF | 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 #B5E7B7 como 0% y #E8DFFF como 100%.

0.0%	0.0% #B5E7B7	RGB 181 231 183	#B5E7B7
16.7%	16.7% #BDE5C3	RGB 189 229 195	#BDE5C3
33.3%	33.3% #C6E4CF	RGB 198 228 207	#C6E4CF
50.0%	50.0% #CEE3DB	RGB 206 227 219	#CEE3DB
66.7%	66.7% #D7E1E7	RGB 215 225 231	#D7E1E7
83.3%	83.3% #DFE0F3	RGB 223 224 243	#DFE0F3
100.0%	100.0% #E8DFFF	RGB 232 223 255	#E8DFFF

#B5E7B7 #BDE5C3 #C6E4CF #CEE3DB #D7E1E7 #DFE0F3 #E8DFFF

#B5E7B7 - #E8DFFF

Mezcla HSV

#B5E7B7 - #E8DFFF | 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 #B5E7B7 como 0% y #E8DFFF como 100%.

0.0%	0.0% #B5E7B7	RGB 181 231 183	#B5E7B7
16.7%	16.7% #BBEBCF	RGB 187 235 207	#BBEBCF
33.3%	33.3% #C2EFE5	RGB 194 239 229	#C2EFE5
50.0%	50.0% #C9ECF3	RGB 201 236 243	#C9ECF3
66.7%	66.7% #D0E2F7	RGB 208 226 247	#D0E2F7
83.3%	83.3% #D7DAFB	RGB 215 218 251	#D7DAFB
100.0%	100.0% #E8DFFF	RGB 232 223 255	#E8DFFF

#B5E7B7 #BBEBCF #C2EFE5 #C9ECF3 #D0E2F7 #D7DAFB #E8DFFF

#B5E7B7 - #C9ECF3 - #E8DFFF

Códigos CSS

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

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