#82BDBD - #CADCB2 | 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 #82BDBD a #CADCB2

#82BDBD #CADCB2

Calcule el color entre dos colores, #82BDBD y #CADCB2. 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)

#82BDBD - #CADCB2 | 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 #82BDBD como 0% y #CADCB2 como 100%.

0.0%	0.0% #82BDBD	RGB 130 189 189	#82BDBD
16.7%	16.7% #8EC2BB	RGB 142 194 187	#8EC2BB
33.3%	33.3% #9AC7B9	RGB 154 199 185	#9AC7B9
50.0%	50.0% #A6CCB7	RGB 166 204 183	#A6CCB7
66.7%	66.7% #B2D1B5	RGB 178 209 181	#B2D1B5
83.3%	83.3% #BED6B3	RGB 190 214 179	#BED6B3
100.0%	100.0% #CADCB2	RGB 202 220 178	#CADCB2

#82BDBD #8EC2BB #9AC7B9 #A6CCB7 #B2D1B5 #BED6B3 #CADCB2

#82BDBD - #CADCB2

Mezcla HSV

#82BDBD - #CADCB2 | 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 #82BDBD como 0% y #CADCB2 como 100%.

0.0%	0.0% #82BDBD	RGB 130 189 189	#82BDBD
16.7%	16.7% #89C2B3	RGB 137 194 179	#89C2B3
33.3%	33.3% #91C7AA	RGB 145 199 170	#91C7AA
50.0%	50.0% #99CCA4	RGB 153 204 164	#99CCA4
66.7%	66.7% #A3D1A1	RGB 163 209 161	#A3D1A1
83.3%	83.3% #B7D6A9	RGB 183 214 169	#B7D6A9
100.0%	100.0% #CADCB2	RGB 202 220 178	#CADCB2

#82BDBD #89C2B3 #91C7AA #99CCA4 #A3D1A1 #B7D6A9 #CADCB2

#82BDBD - #99CCA4 - #CADCB2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82BDBD 0%, #99CCA4 50%, #CADCB2 100%);
    background: -webkit-linear-gradient(top, #82BDBD 0%, #99CCA4 50%, #CADCB2 100%);
    background: linear-gradient(to bottom, #82BDBD 0%, #99CCA4 50%, #CADCB2 100%);
}
</style>